Hilfe:Google Maps: Unterschied zwischen den Versionen

Aus DSD-Wiki
Wechseln zu: Navigation, Suche
 
(30 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 4: Zeile 4:
  
 
=== Beschreibung ===
 
=== Beschreibung ===
 +
1. Öffnen Sie den Bearbeitungsmodus: <Bearbeiten>.<br />
 +
<br />
 +
2. Bemerkung: Die Einbindung über das ICON funktioniert nicht mehr. Stattdessen muss die Erweiterung '''widget''' verwendet werden. <br />
 +
 +
<nowiki>{{#widget:Google Maps
 +
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
 +
|width=600
 +
|height=400
 +
|lat=48.137213
 +
|lng=11.575177
 +
|zoom=12
 +
|static=yes
 +
|centermarker=yes
 +
}}</nowiki>
 +
 +
{{#widget:Google Maps
 +
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
 +
|width=600
 +
|height=400
 +
|lat=48.137213
 +
|lng=11.575177
 +
|zoom=12
 +
|static=yes
 +
|centermarker=yes
 +
}}
 +
<!--Klicken Sie auf das Icon für Google Maps. (rot, 2. Icon von links)<br />
 +
[[Datei:Gmapicon1.jpg]]<br />
 +
<br />
 +
-->
 +
<!--
 +
3. Es öffnet sich folgendes Fenster, in das Sie alle notwendigen Daten eintragen:<br />
 +
[[Datei:Gmapfenster.jpg|300px]]<br />
 +
<br />
 +
4. Tragen Sie die gewünschte Adresse in das Suchfenster ein:<br />
 +
[[Datei:Google001.jpg]]<br />
 +
*Klicken Sie auf <Suchen>.
 +
*Es erscheint die gesuchte Karte mit der markierten Adresse
 +
<br />
 +
5. Angaben zur Navigation:<br />
 +
[[Datei:Gmapfensternavigation.jpg]]<br />
 +
*Die Einstellung <Navigation> verändert die Anzeige folgendermaßen:
 +
-->
 +
{| class="wikitable"
 +
|-
 +
| Mittel || Klein || Aus
 +
|-
 +
| [[Datei:Navi1.jpg]]||[[Datei:Navi3.jpg]]|| [[Datei:Navi2.jpg]]
 +
|}
 +
 +
*Mit der Einstellung Höher und Breite verändern Sie die Größe der Karte.
 +
*Sie können diese Angaben auch unverändert stehen lassen.<br />
 +
<br />
 +
6..Wenn Sie alle notwendigen Einträge vorgenommen haben, können Sie die Wiki-Syntax erzeugen, welche dann, im Bearbeitungs-Modus eingegeben wird:<br />
 +
[[Datei:Gmapfensterwikisyntax.jpg]]<br />
 +
<br />
 +
7. Kopieren Sie die erzeugte Syntax und fügen Sie diese in die Wiki-Seite ein.<br />
 +
[[Datei:Gmapfensterwikisyntax2.jpg]]
 +
Speichern Sie die Seite
 +
 +
== Beispiele: Einbindung von Google Maps im DSD-Wiki==
 +
 +
 +
=== Beispielkarte: ===
 +
 +
{{#widget:Google Maps
 +
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
 +
|width=500
 +
|height=300
 +
|lat=55.672454
 +
|lng=37.522945
 +
|zoom=12
 +
|static=yes
 +
|centermarker=yes
 +
}}
 +
 +
=== Manuelle Veränderung der Größe und des Zoom-Faktors ===
 +
{| class="prettytable"
 +
|- style="background: #DDFFDD;"
 +
|+ "Google Maps mit festgelegten Koordinaten"
 +
! {{Quellcode}}
 +
! Ergebnis
 +
|-
 +
! style="background: #FFDDDD;"|
 +
 +
<div align="left">
 +
 +
<pre>{{#widget:Google Maps
 +
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
 +
|width=400
 +
|height=200
 +
|lat=55.672454
 +
|lng=37.522945
 +
|zoom=12
 +
|static=yes
 +
|centermarker=yes
 +
}}
 +
</pre></div>
 +
 +
| {{#widget:Google Maps
 +
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
 +
|width=400
 +
|height=200
 +
|lat=55.672454
 +
|lng=37.522945
 +
|zoom=12
 +
|static=yes
 +
|centermarker=yes
 +
}}
 +
 +
|-
 +
! '''Größe und Zoom verändern:'''
 +
 +
<div align="left">
 +
 +
<pre>{{#widget:Google Maps
 +
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
 +
|width=400
 +
|height=200
 +
|lat=55.672454
 +
|lng=37.522945
 +
|zoom=15
 +
|static=yes
 +
|centermarker=yes
 +
}}</pre></div>
 +
 +
Die Daten ''width="400" height="200" zoom="15"'' kann man den eigenen Bedürfnissen anpassen.
 +
|
 +
{{#widget:Google Maps
 +
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
 +
|width=400
 +
|height=200
 +
|lat=55.672454
 +
|lng=37.522945
 +
|zoom=15
 +
|static=yes
 +
|centermarker=yes
 +
}}
 +
|}
 +
 +
=== Konkrete Befehle und ihre Bedeutung ===
  
−
Es erscheint ein neues Icon. 2. Icon von links.
+
<div align="left">
  
−
==== Befehl und Beispiel ====
+
<pre>{{#widget:Google Maps
 +
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
 +
|width=400
 +
|height=400
 +
|lat=48.137807
 +
|lng=11.576036
 +
|marker.met.lat=48.137213
 +
|marker.met.lng=11.575177
 +
|marker.met.letter=M
 +
|marker.the.lat=48.138688
 +
|marker.the.lng=11.575306
 +
|marker.the.text=Theatiner Kirche
 +
|marker.the.title=Kirche
 +
|marker.the.letter=T
 +
|zoom=17
 +
|centermarker=no
 +
}}</pre></div>
  
−
  <nowiki><googlemap version="0.9" lat="48.137807" lon="11.576036" zoom="17" scale="yes"  
+
<!--<googlemap version="0.9" lat="48.137807" lon="11.576036" zoom="17" scale="yes"  
 
overview="yes" controls="large" icon="http://maps.google.com/mapfiles/arrow.png">
 
overview="yes" controls="large" icon="http://maps.google.com/mapfiles/arrow.png">
 
6#B2758BC5
 
6#B2758BC5
Zeile 21: Zeile 177:
 
48.136927, 11.576315
 
48.136927, 11.576315
 
48.137213, 11.575306
 
48.137213, 11.575306
−
</googlemap></nowiki>
+
</googlemap>-->
  
−
<googlemap version="0.9" lat="48.137807" lon="11.576036" zoom="17" scale="yes" overview="yes" controls="large" icon="http://maps.google.com/mapfiles/arrow.png">
+
 
−
6#B2758BC5
+
{{#widget:Google Maps
−
48.137213, 11.575177
+
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
−
48.137686, 11.57507
+
|width=400
−
48.138316, 11.575306
+
|height=400
−
Theatiner Kirche [[http://www.dominikaner-muenchen.de/images/Theatinerkirche.jpg Bild der Dominikanerkirche]]
+
|lat=48.137807
−
48.138688, 11.576293
+
|lng=11.576036
−
Hofgarten
+
|marker.met.lat=48.137213
−
48.137986, 11.577001
+
|marker.met.lng=11.575177
−
48.136927, 11.576315
+
|marker.met.letter=M
−
48.137213, 11.575306
+
|marker.the.lat=48.138688
−
</googlemap>
+
|marker.the.lng=11.575306
 +
|marker.the.text=Theatiner Kirche
 +
|marker.the.title=Kirche
 +
|marker.the.letter=T
 +
|zoom=17
 +
|centermarker=no
 +
}}
  
 
=== Attribute und Beispielansicht ===
 
=== Attribute und Beispielansicht ===
  
−
[[Bild:Googlemap1.jpg|500px]]
+
siehe: [http://www.mediawikiwidgets.org/Google_Maps Widget Google Maps]
 +
<!--[[Bild:Googlemap1.jpg|500px]]-->
  
−
Attribute, wobei diese teilweise im Dialog "erarbeitet" werden:
+
Attribute, (noch in Arbeit):
  
 
* <tt>width *)</tt> (in Pixel; Standard 450)
 
* <tt>width *)</tt> (in Pixel; Standard 450)
Zeile 62: Zeile 225:
 
Alle Attribute sind optional. *) werden im Dialog zur Auswahl angeboten.
 
Alle Attribute sind optional. *) werden im Dialog zur Auswahl angeboten.
  
−
=== Ergänzende Links ===
 
  
−
* [http://www.cycloloco.com/shadowmaker/ Shadowmaker für Icons]
+
====  Ergänzende Links ====
 +
 
 +
* [http://www.visual-blast.com/online-tools/shadowmaker-for-google-maps-icons/ Shadowmaker]
 
* [http://mapki.com/wiki/Available_Images Verfügbare Marker und Bilder], leider ohne Vorschau
 
* [http://mapki.com/wiki/Available_Images Verfügbare Marker und Bilder], leider ohne Vorschau
 
** beispielsweise: [http://maps.google.com/mapfiles/arrow.png Pfeil] [[Bild:Google-arrow.png]] oder [http://www.google.com/intl/en_ALL/mapfiles/marker_purple.png Normaler Marker in einer anderen Farbe]
 
** beispielsweise: [http://maps.google.com/mapfiles/arrow.png Pfeil] [[Bild:Google-arrow.png]] oder [http://www.google.com/intl/en_ALL/mapfiles/marker_purple.png Normaler Marker in einer anderen Farbe]
  
−
 
+
=== Parallele Anzeige von Satellitenaufnahme und Google-Map-Karte ===
 
{| class="wikitable float-left"
 
{| class="wikitable float-left"
 
|+ "Parallele Anzeige von Satellitenaufnahme und Google-Map-Karte"
 
|+ "Parallele Anzeige von Satellitenaufnahme und Google-Map-Karte"
Zeile 84: Zeile 248:
 
|}
 
|}
  
−
=== Woher bekomme ich die Daten für die Karten? ===
+
=== Woher die Daten für die Karten kommen ===
  
 
==== Aus Google Maps ====
 
==== Aus Google Maps ====
 +
Die wichtige Daten finden Sie im Goodgle Map-Link.<br />
 +
<br />
 
;Quellcode
 
;Quellcode
 
<pre>
 
<pre>
−
<marker lat="47.468036" lon="19.106662">
+
lat="47.468036" lon="19.106662">
 
</pre>
 
</pre>
  
−
Aus der gesetzten Marke! Man kopiert den Link:
+
Wie kommen Sie an diese Daten?<br />
 +
1. Suchen Sie die Adresse des Ortes:<br />
 +
[[Datei:Google0.jpg]]<br />
 +
2. Es öffnet sich die Karte. Hier finden Sie rechts oben den Link auf die spezielle Karte:<br />
 +
<br />[[Datei:Google0.1jpg.jpg]]<br />
 +
<br />
 +
3. In diesem Link finden Sie alle relevanten Daten:<br />
 +
[[Datei:Google2.jpg]]<br />
 +
<br />
  
 +
Zum Beispiel:<br />
 +
<br />
 
http://maps.google.com/maps?f=q&source=s_q&hl=de&q=&vps=5&jsv=158b&sll=47.468036,19.106662&sspn=0.009254,0.026178&g=Budapest,+Ungarn+%C3%A9cseri+ut+5&ie=UTF8&geocode=FSJN1AIdVIsjAQ&split=0
 
http://maps.google.com/maps?f=q&source=s_q&hl=de&q=&vps=5&jsv=158b&sll=47.468036,19.106662&sspn=0.009254,0.026178&g=Budapest,+Ungarn+%C3%A9cseri+ut+5&ie=UTF8&geocode=FSJN1AIdVIsjAQ&split=0
−
 
+
<br />
−
ACHTUNG! Im Link verstecken sich die gesuchten Daten:
+
ACHTUNG! Im Link verstecken sich die gesuchten Daten:<br />
−
 
+
<br />
 
http://maps.google.com/maps?f=q&source=s_q&hl=de&q=&vps=5&jsv=158b&sll=
 
http://maps.google.com/maps?f=q&source=s_q&hl=de&q=&vps=5&jsv=158b&sll=
 +
<br />
 +
'''Hier:'''<br />
 +
'''47.468036''',<br />
  
−
'''Hier:'''
+
'''19.106662'''<br />
−
'''47.468036''',
+
−
 
+
−
'''19.106662'''
+
−
 
+
−
&sspn=0.009254,0.026178&g=Budapest,+Ungarn+%C3%A9cseri+ut+5&ie=UTF8&geocode=FSJN1AIdVIsjAQ&split=0
+
  
 
==== Aus GeoHack ====
 
==== Aus GeoHack ====
Zeile 118: Zeile 292:
  
 
*Dezimal 50.0381°, 10.524731°
 
*Dezimal 50.0381°, 10.524731°
−
 
  
 
== Google Maps Widget ==
 
== Google Maps Widget ==

Aktuelle Version vom 1. Mai 2012, 10:22 Uhr

Inhaltsverzeichnis

Google Maps

Mithilfe der Erweiterung Google Maps ist es möglich Karten des genannten Dienstes in MediaWiki anzuzeigen.

Beschreibung

1. Öffnen Sie den Bearbeitungsmodus: <Bearbeiten>.

2. Bemerkung: Die Einbindung über das ICON funktioniert nicht mehr. Stattdessen muss die Erweiterung widget verwendet werden. 

{{#widget:Google Maps
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
|width=600
|height=400
|lat=48.137213
|lng=11.575177
|zoom=12
|static=yes
|centermarker=yes
}}

Mittel Klein Aus
Navi1.jpg Navi3.jpg Navi2.jpg
  • Mit der Einstellung Höher und Breite verändern Sie die Größe der Karte.
  • Sie können diese Angaben auch unverändert stehen lassen.


6..Wenn Sie alle notwendigen Einträge vorgenommen haben, können Sie die Wiki-Syntax erzeugen, welche dann, im Bearbeitungs-Modus eingegeben wird:
Gmapfensterwikisyntax.jpg

7. Kopieren Sie die erzeugte Syntax und fügen Sie diese in die Wiki-Seite ein.
Gmapfensterwikisyntax2.jpg Speichern Sie die Seite

Beispiele: Einbindung von Google Maps im DSD-Wiki

Beispielkarte:

Manuelle Veränderung der Größe und des Zoom-Faktors

"Google Maps mit festgelegten Koordinaten"
Das schreibt man: Ergebnis 
{{#widget:Google Maps
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
|width=400
|height=200
|lat=55.672454
|lng=37.522945
|zoom=12
|static=yes
|centermarker=yes
}}
Größe und Zoom verändern: 
{{#widget:Google Maps
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
|width=400
|height=200
|lat=55.672454
|lng=37.522945
|zoom=15
|static=yes
|centermarker=yes
}}

Die Daten width="400" height="200" zoom="15" kann man den eigenen Bedürfnissen anpassen.

Konkrete Befehle und ihre Bedeutung 

{{#widget:Google Maps
|key=ABQIAAAA1sGX8j2Q8wiPmw_8o7xh0BRMMibz5ldBmW2m950i7JAMePpV2RSxRzTREqZ17TS8TurP1YZ0ltVLnw
|width=400
|height=400
|lat=48.137807
|lng=11.576036
|marker.met.lat=48.137213
|marker.met.lng=11.575177
|marker.met.letter=M
|marker.the.lat=48.138688
|marker.the.lng=11.575306
|marker.the.text=Theatiner Kirche
|marker.the.title=Kirche
|marker.the.letter=T
|zoom=17
|centermarker=no
}}


Attribute und Beispielansicht

siehe: Widget Google Maps

Attribute, (noch in Arbeit):

  • width *) (in Pixel; Standard 450)
  • height *) (in Pixel; Standard 300)
  • lat *) (die Zentrumskoordinate)
  • lon *) (die Zentrumskoordinate)
  • zoom *) (der Zoom level; 0 am weitesten entfernt, 17 der näheste)
  • type *) (Werte normal (oder, gleichwertig, map), terrain, hybrid, und satellite; Standard hybrid)
  • controls *) (small wird nur zu +/- Zoom Icons, medium wird zu Zoom- und Verschiebe-Icons, large wird zu den Zomm Icons mit einer Skala und none hat keine Verstellmöglichkeit)
  • selector (Zeige die Auswahl von map/hybrid/satellite. Zugelassen yes (Standard) und no.)
  • scale *) (Zeige den Maßstab. Zugelassene Werte sind yes und no (Standard).)
  • overview *) (Zeige die kleine Navigationskarte. Zugelassene Werte sind yes und no (Standard).)
  • icons (URL Vorlage für benutzerdefinierte Marker, mit "{label}" wobei der Name des Icons eingefügt wird; Standard ist "http://maps.google.com/mapfiles/marker{label}.png")
  • icon (URL für Marker für die kein Icon definiert ist; Standard http://maps.google.com/mapfiles/marker.png)
  • doubleclick (Aktion nach Doppelklick. Zugelassen sind recenter (Standard, d.h. zentrieren) und zoom)
  • zoomstyle (Zugelassen fast (Standard) und smooth, auch als kontinuierliches Zoomen bekannt; funktioniert nur mit einigen Browsern. Erfahrungen: ?)
  • stroke *) (Breite der Pfade, in Pixeln)
  • version (Spezifiziert die Syntax Version, s.u.; Zugelassen "0" (Standard) und "0.9")
  • scrollwheel (definiert das Verhalten des Rollrades; nothing (Standard) oder zoom)

Alle Attribute sind optional. *) werden im Dialog zur Auswahl angeboten.


Ergänzende Links

Parallele Anzeige von Satellitenaufnahme und Google-Map-Karte

"Parallele Anzeige von Satellitenaufnahme und Google-Map-Karte"
Das schreibt man: Ergebnis 
<googlemap version="0.9" lat="48.141807" lon="11.580105" zoom="18" scale="yes" overview="yes" controls="large">
</googlemap>

<googlemap version="0.9" lat="48.141807" lon="11.580105" zoom="18" scale="yes" overview="yes" controls="large"> </googlemap>

Woher die Daten für die Karten kommen

Aus Google Maps

Die wichtige Daten finden Sie im Goodgle Map-Link.

Quellcode 
lat="47.468036" lon="19.106662">

Wie kommen Sie an diese Daten?
1. Suchen Sie die Adresse des Ortes:
Google0.jpg
2. Es öffnet sich die Karte. Hier finden Sie rechts oben den Link auf die spezielle Karte:

Google0.1jpg.jpg

3. In diesem Link finden Sie alle relevanten Daten:
Google2.jpg

Zum Beispiel:

http://maps.google.com/maps?f=q&source=s_q&hl=de&q=&vps=5&jsv=158b&sll=47.468036,19.106662&sspn=0.009254,0.026178&g=Budapest,+Ungarn+%C3%A9cseri+ut+5&ie=UTF8&geocode=FSJN1AIdVIsjAQ&split=0
ACHTUNG! Im Link verstecken sich die gesuchten Daten:

http://maps.google.com/maps?f=q&source=s_q&hl=de&q=&vps=5&jsv=158b&sll=
Hier:
47.468036,

19.106662

Aus GeoHack

Beispiel: Regiomontanus-Gymnasium Haßfurt:

In Wikipedia findet man rechts oben in der Ecke oder in dem Kasten der Kurzbeschreibung die Koordinaten: Regiomontanus-Gymnasium_HaßfurtWikipedia-logo.png

findet man folgende Daten:

  • Dezimal 50.0381°, 10.524731°

Google Maps Widget

Dieses Widget funktioniert nicht mehr (Mediawikiversion 1.16.2, 6.3.11), bitte Googlemaps verwenden, s.o. --A.Burgermeister 14:09, 6. Mär. 2011 (CET)

Die Beschreibung wurde in die Diskussionsseite verschoben. --Ralf Klötzke 09:52, 6. Mai 2011 (CEST)

Links

Siehe auch

Von „http://dsd.zum.de/index.php?title=Hilfe:Google_Maps&oldid=23572“