Hilfe:Google Maps: Unterschied zwischen den Versionen

Aus DSD-Wiki
Wechseln zu: Navigation, Suche
(Beispiele im DSD-Wiki)
 
(39 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 
== Google Maps ==
 
== Google Maps ==
  
===Links ===
+
{{Kasten_gelb|Mithilfe der Erweiterung Google Maps ist es möglich Karten des genannten Dienstes in MediaWiki anzuzeigen.}}
* [http://www.mediawiki.org/wiki/Extension:Google_Maps Extension auf Mediawiki]
+
* [http://www.mediawiki.org/wiki/Extension:Google_Maps/Syntax#Map_syntax_version_.220.9.22 Syntax]
+
*[http://www.mediawiki.org/wiki/Extension:Google_Maps/Editor%27s_Map Weitere Erläuterung]
+
  
===Beschreibung ===
+
=== Beschreibung ===
Es erscheint ein neues Icon. 2. Icon von links.
+
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>
  
==== Befehl und Beispiel ====
+
{{#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]]
 +
|}
  
  <nowiki><googlemap version="0.9" lat="48.137807" lon="11.576036" zoom="17" scale="yes"  
+
*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 ===
 +
 
 +
<div align="left">
 +
 
 +
<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>
 +
 
 +
<!--<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 23: 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):
  
* <code>width *)</code> (in Pixel; Standard 450)
+
* <tt>width *)</tt> (in Pixel; Standard 450)
* <code>height *)</code> (in Pixel; Standard 300)
+
* <tt>height *)</tt> (in Pixel; Standard 300)
* <code>lat *)</code> (die Zentrumskoordinate)
+
* <tt>lat *)</tt> (die Zentrumskoordinate)
* <code>lon *)</code> (die Zentrumskoordinate)
+
* <tt>lon *)</tt> (die Zentrumskoordinate)
* <code>zoom *)</code> (der Zoom level; 0 am weitesten entfernt, 17 der näheste)
+
* <tt>zoom *)</tt> (der Zoom level; 0 am weitesten entfernt, 17 der näheste)
* <code>type *)</code> (Werte ''normal'' (oder, gleichwertig, ''map''), ''terrain'', ''hybrid'', und ''satellite''; Standard ''hybrid'')
+
* <tt>type *)</tt> (Werte ''normal'' (oder, gleichwertig, ''map''), ''terrain'', ''hybrid'', und ''satellite''; Standard ''hybrid'')
* <code>controls *)</code> (''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)
+
* <tt>controls *)</tt> (''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)
* <code>selector</code> (Zeige die Auswahl von ''map/hybrid/satellite''. Zugelassen ''yes'' (Standard) und ''no''.)
+
* <tt>selector</tt> (Zeige die Auswahl von ''map/hybrid/satellite''. Zugelassen ''yes'' (Standard) und ''no''.)
* <code>scale *)</code> (Zeige den Maßstab. Zugelassene Werte sind ''yes'' und ''no'' (Standard).)
+
* <tt>scale *)</tt> (Zeige den Maßstab. Zugelassene Werte sind ''yes'' und ''no'' (Standard).)
* <code>overview *)</code> (Zeige die kleine Navigationskarte. Zugelassene Werte sind ''yes'' und ''no'' (Standard).)
+
* <tt>overview *)</tt> (Zeige die kleine Navigationskarte. Zugelassene Werte sind ''yes'' und ''no'' (Standard).)
* <code>icons</code> (URL Vorlage für benutzerdefinierte Marker, mit "{label}" wobei der Name des Icons eingefügt wird; Standard ist "<nowiki>http://maps.google.com/mapfiles/marker{label}.png</nowiki>")
+
* <tt>icons</tt> (URL Vorlage für benutzerdefinierte Marker, mit "{label}" wobei der Name des Icons eingefügt wird; Standard ist "<nowiki>http://maps.google.com/mapfiles/marker{label}.png</nowiki>")
* <code>icon</code> (URL für Marker für die kein Icon definiert ist; Standard <nowiki>http://maps.google.com/mapfiles/marker.png</nowiki>)
+
* <tt>icon</tt> (URL für Marker für die kein Icon definiert ist; Standard <nowiki>http://maps.google.com/mapfiles/marker.png</nowiki>)
* <code>doubleclick</code> (Aktion nach Doppelklick. Zugelassen sind ''recenter'' (Standard, d.h. zentrieren) und ''zoom'')
+
* <tt>doubleclick</tt> (Aktion nach Doppelklick. Zugelassen sind ''recenter'' (Standard, d.h. zentrieren) und ''zoom'')
* <code>zoomstyle</code> (Zugelassen ''fast'' (Standard) und ''smooth'', auch als kontinuierliches Zoomen bekannt; funktioniert nur mit einigen Browsern. Erfahrungen: ?)
+
* <tt>zoomstyle</tt> (Zugelassen ''fast'' (Standard) und ''smooth'', auch als kontinuierliches Zoomen bekannt; funktioniert nur mit einigen Browsern. Erfahrungen: ?)
* <code>stroke *)</code> (Breite der Pfade, in Pixeln)
+
* <tt>stroke *)</tt> (Breite der Pfade, in Pixeln)
* <code>version</code> (Spezifiziert die Syntax Version, s.u.; Zugelassen "0" (Standard) und "0.9")
+
* <tt>version</tt> (Spezifiziert die Syntax Version, s.u.; Zugelassen "0" (Standard) und "0.9")
* <code>scrollwheel</code> (definiert das Verhalten des Rollrades; ''nothing'' (Standard) oder ''zoom'')
+
* <tt>scrollwheel</tt> (definiert das Verhalten des Rollrades; ''nothing'' (Standard) oder ''zoom'')
  
 
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]
  
== Google Maps Widget ==
+
=== Parallele Anzeige von Satellitenaufnahme und Google-Map-Karte ===
=== Einfache Darstellung===
+
{| class="wikitable float-left"
 
+
{| class="prettytable"
+
|+ "googlemap"
+
! So schreiben
+
! Ergebnis
+
|-
+
! style="background: #FFDDDD;"|;Quellcode
+
<pre>
+
<widget type="googlemap">
+
</widget>
+
</pre>
+
| <widget type="googlemap">
+
</widget>
+
|}
+
 
+
=== Konkrete Anwendung ===
+
 
+
#Marke auf Google Maps setzen und kopieren. (Achtung: Map als Karte anzeigen, '''nicht als Satellit''')<br />
+
#Jetzt Link kopieren:
+
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
+
 
+
{| class="prettytable sortable"
+
|+ "Google Maps mit festgelegten Koordinaten (Hier ist das DSD-Wiki!)"
+
! {{Quellcode}}
+
! Ergebnis
+
|-
+
! style="background: #FFDDDD;"|
+
<pre>
+
<widget type="googlemap" debug="0" disabled="0">
+
      <marker lat="47.468036" lon="19.106662">
+
        [http://wikis.zum.de/dsd DSD-Wiki]
+
      </marker>
+
      </widget>
+
</pre>
+
| <widget type="googlemap" debug="0" disabled="0">
+
      <marker lat="47.468036" lon="19.106662">
+
        [http://wikis.zum.de/dsd DSD-Wiki]
+
      </marker>
+
      </widget>
+
|-
+
! '''Größe und Zoom verändern:'''
+
<pre>
+
<widget type="googlemap" debug="0" disabled="0" height="300"
+
width="500" zoom="15">
+
      <marker lat="47.468036" lon="19.106662">
+
        [http://wikis.zum.de/dsd DSD-Wiki]
+
      </marker>
+
      </widget>
+
</pre>
+
Die Daten ''height="300" width="500" zoom="15"'' kann man den eigenen Bedürfnissen anpassen.
+
|
+
<widget type="googlemap" debug="0" disabled="0" height="300" width="500" zoom="15">
+
      <marker lat="47.468036" lon="19.106662">
+
        [http://wikis.zum.de/dsd DSD-Wiki]
+
      </marker>
+
      </widget>
+
|}
+
 
+
 
+
{| class="prettytable"  
+
 
|+ "Parallele Anzeige von Satellitenaufnahme und Google-Map-Karte"
 
|+ "Parallele Anzeige von Satellitenaufnahme und Google-Map-Karte"
 
! {{Quellcode}}
 
! {{Quellcode}}
Zeile 146: Zeile 248:
 
|}
 
|}
  
 +
=== Woher die Daten für die Karten kommen ===
  
=== Woher bekomme ich die folgenden Daten? ===
 
 
==== 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 181: Zeile 293:
 
*Dezimal 50.0381°, 10.524731°
 
*Dezimal 50.0381°, 10.524731°
  
Daten in das Wiggest eintragen!
+
== Google Maps Widget ==
 +
'''Dieses Widget funktioniert nicht mehr ''' (Mediawikiversion 1.16.2, 6.3.11), bitte Googlemaps verwenden, s.o. --[[Benutzer:A.Burgermeister|A.Burgermeister]] 14:09, 6. Mär. 2011 (CET)
  
;Quellcode
+
Die Beschreibung wurde in die [[Hilfe_Diskussion:Google_Maps|Diskussionsseite]] verschoben. --[[Benutzer:Ralfbudapest|Ralf Klötzke]] 09:52, 6. Mai 2011 (CEST)
<pre>
+
<widget type="googlemap" debug="0" disabled="0">
+
      <marker lat="50.0381" lon="10.524731">
+
[http://wikis.zum.de/rmg RMG-Wiki]
+
      </marker>
+
      </widget>
+
</pre>
+
'''Wird zu:'''
+
<widget type="googlemap" debug="0" disabled="0">
+
      <marker lat="50.0381" lon="10.524731">
+
[http://wikis.zum.de/rmg RMG-Wiki]
+
      </marker>
+
      </widget>
+
  
=== Parameter für Google Maps Widget ===
+
===Links ===
 
+
* [http://www.mediawiki.org/wiki/Extension:Google_Maps Extension auf Mediawiki]
{| class="prettytable"
+
* [http://www.mediawiki.org/wiki/Extension:Google_Maps/Syntax#Map_syntax_version_.220.9.22 Syntax]
|-
+
*[http://www.mediawiki.org/wiki/Extension:Google_Maps/Editor%27s_Map Weitere Erläuterung]
! Befehl || Erklärung
+
|-
+
| debug || gibt Debug Informationen für das Widget (Default 0, d.h. ausgeschaltet)
+
|-
+
| disabled || zeitweises Ausschalten des Widgets (Default 0, d.h. Anzeige eingeschaltet
+
|-
+
| width || die Breite der eingefügten Karte in Pixel (Default 500)
+
|-
+
| height || die Höhe der eingefügten Karte in Pixel (Default 300)
+
|-
+
| lat || setzt den Breitengrad (engl. latitude) des Zentrums der Karte
+
|-
+
| lon || setzt den Längengrad (engl. longitude) des Zentrums der Karte
+
|-
+
| zoom || Zoomlevel für das Zentrum der Karte
+
|}
+
 
+
 
+
=== Marker ===
+
 
+
  <nowiki><marker lat="54.787397" lon="-2.342880">
+
        [[The Overwater Lodge]]
+
  </marker></nowiki>
+
 
+
Mit Marker kann ein Fähnchen gesetzt werden. Dazwischengesetzter Text wird angezeigt.
+
 
+
=== Weblinks ===
+
 
+
* [http://hexten.net/wiki/index.php/Google_Maps_Widget Google Maps Widget auf http://hexten.net]
+
 
+
 
+
=== Beispiele im DSD-Wiki===
+
*[[KIVISZ_P%C3%A9cs|KIVISZ]]
+
  
 
== Siehe auch ==
 
== Siehe auch ==
  
 +
*[[Möglichkeiten des DSD-Wikis|Technische Möglichkeiten des DSD-Wikis]]
 
*[[Wiki Widgets]]
 
*[[Wiki Widgets]]
  
  
  
[[Kategorie:Hilfe]] [[Kategorie:Hilfe:Erweiterungen|Google Maps Widget]]
+
[[Kategorie:Hilfe]] [[Kategorie:Hilfe:Erweiterungen|Google Maps Widget]] [[Kategorie:Wiki Widgets]]

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