Widget:Google Maps: Unterschied zwischen den Versionen
Aus Hist. Verein Herne / Wanne-Eickel
K (Änderung 30182 von Harry (Diskussion) rückgängig gemacht.) |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<noinclude>__NOTOC__ | <noinclude>__NOTOC__ | ||
This widget allows you to add '''[ | This widget allows you to add '''[https://code.google.com/apis/maps/ Google Maps]''' widget to your wiki page. | ||
Created by [ | Created by [https://www.mediawikiwidgets.org/User:Sergey_Chernyshev Sergey Chernyshev] | ||
== Parameters == | == Parameters == | ||
| Zeile 29: | Zeile 29: | ||
By default, map is displayed using dynamic user interface with movable map, controls, loadable XML and so on. | By default, map is displayed using dynamic user interface with movable map, controls, loadable XML and so on. | ||
If you want static map image to be displayed, add '''static=yes''' which will tell widget to use [ | If you want static map image to be displayed, add '''static=yes''' which will tell widget to use [https://code.google.com/apis/maps/documentation/staticmaps/ Google Static Maps API]. It does not support XML (KML or GeoRSS) and controls, but supports markers. Use this one when you want map to load faster and to avoid JavaScript slowing down your page. Static map is also used for graceful degradation when dynamic map is specified, but client doesn't support dynamic features like JavaScript. | ||
== Sample results == | == Sample results == | ||
| Zeile 44: | Zeile 44: | ||
== Using this widget == | == Using this widget == | ||
For information on how to use this widget, see [ | For information on how to use this widget, see [https://www.mediawikiwidgets.org/Google_Maps widget description page on MediaWikiWidgets.org]. | ||
== Copy to your site == | == Copy to your site == | ||
To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as '''{{FULLPAGENAME}}''' article. | To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as '''{{FULLPAGENAME}}''' article. | ||
<noinclude>__NOTOC__ | <noinclude>__NOTOC__ | ||
This widget allows you to add '''[ | This widget allows you to add '''[https://code.google.com/apis/maps/ Google Maps]''' widget to your wiki page. | ||
Created by [ | Created by [https://www.mediawikiwidgets.org/User:Sergey_Chernyshev Sergey Chernyshev] | ||
== Using this widget == | == Using this widget == | ||
For information on how to use this widget, see [ | For information on how to use this widget, see [https://www.mediawikiwidgets.org/Google_Maps widget description page on MediaWikiWidgets.org]. | ||
== Copy to your site == | == Copy to your site == | ||
| Zeile 84: | Zeile 84: | ||
<!--{foreach from=$marker item=m}--> | <!--{foreach from=$marker item=m}--> | ||
var markerIcon=new GIcon(G_DEFAULT_ICON); | var markerIcon=new GIcon(G_DEFAULT_ICON); | ||
<!--{if isset($m.letter)}-->markerIcon.image=" | <!--{if isset($m.letter)}-->markerIcon.image="https://www.google.com/mapfiles/marker<!--{$m.letter|escape:'urlpathinfo'}-->.png";<!--{/if}--> | ||
<!--{if isset($m.icon)}-->markerIcon.image='<!--{$m.icon|validate:url}-->';<!--{/if}--> | <!--{if isset($m.icon)}-->markerIcon.image='<!--{$m.icon|validate:url}-->';<!--{/if}--> | ||
var markerLatLng = new GLatLng('<!--{$m.lat|escape:'quotes'}-->', '<!--{$m.lng|escape:'quotes'}-->'); | var markerLatLng = new GLatLng('<!--{$m.lat|escape:'quotes'}-->', '<!--{$m.lng|escape:'quotes'}-->'); | ||
| Zeile 107: | Zeile 107: | ||
}); | }); | ||
</script> | </script> | ||
<div id="map<!--{$mapDivID|escape:'html'}-->" style="width: <!--{$width|escape:'html'|default:'420'}-->px; height: <!--{$height|escape:'html'|default:350}-->px"><!--{/if}--><img src=" | <div id="map<!--{$mapDivID|escape:'html'}-->" style="width: <!--{$width|escape:'html'|default:'420'}-->px; height: <!--{$height|escape:'html'|default:350}-->px"><!--{/if}--><img src="https://maps.googleapis.com/maps/api/staticmap?sensor=false¢er=<!--{$lat|escape:'urlpathinfo'}-->,<!--{$lng|escape:'urlpathinfo'}-->&zoom=<!--{$zoom|escape:'urlpathinfo'|default:16}-->&size=<!--{$width|escape:'urlpathinfo'|default:'420'}-->x<!--{$height|escape:'urlpathinfo'|default:350}-->&markers=<!--{if isset($centermarker)}--><!--{$lat|escape:'urlpathinfo'}-->,<!--{$lng|escape:'urlpathinfo'}-->%7C<!--{/if}--><!--{foreach from=$marker item=m}--><!--{$m.lat|escape:'urlpathinfo'}-->,<!--{$m.lng|escape:'urlpathinfo'}-->%7C<!--{/foreach}-->&maptype=<!--{$maptype|escape:'urlpathinfo'|default:'roadmap'}-->" width="<!--{$width|escape:'html'|default:'420'}-->" height="<!--{$height|escape:'html'|default:350}-->"><!--{if not isset($static)}--><!--{/if}--></div></includeonly> | ||
Version vom 12. Februar 2018, 11:46 Uhr
This widget allows you to add Google Maps widget to your wiki page.
Created by Sergey Chernyshev
Parameters
- height and width define map dimensions, 420x350 is default
- lat - map center latitude
- lng - map center longitude
- maptype - type of the map, roadmap (default), satellite, hybrid
- zoom - zoom level (defaults to 16)
- xml - URL of XML (KML/GeoRSS) data source (only one can be used for now) *
- Markers:
- centermarker - if set, then marker is added in the center of the map
- Custom markers are defined using marker.name.lat, marker.name.lng, additional parameters can be set to customize a marker:
- marker.name.title - title (only works on JavaScript-powered maps)
- marker.name.letter - letter icon (capital A-Z, only works on JavaScript-powered maps)
- marker.name.icon - URL for the custom icon, 20x34px (only works on JavaScript-powered maps)
- Controls *:
- maptypecontrol - buttons that let the user toggle between map types (such as Map and Satellite)
- largemapcontrol - displays a large pan/zoom control used on Google Maps
- smallmapcontrol - displays a smaller pan/zoom control used on Google Maps
- smallzoomcontrol - displays a small zoom control (no panning controls) used in the small map blowup windows used to display driving directions steps on Google Maps
- scalecontrol - displays a map scale
- overviewmapcontrol - displays a collapsible overview map in the corner of the screen
- hierarchicalmaptypecontrol - displays a selection of nested buttons and menu items for placing many map type selectors
Map types
By default, map is displayed using dynamic user interface with movable map, controls, loadable XML and so on.
If you want static map image to be displayed, add static=yes which will tell widget to use Google Static Maps API. It does not support XML (KML or GeoRSS) and controls, but supports markers. Use this one when you want map to load faster and to avoid JavaScript slowing down your page. Static map is also used for graceful degradation when dynamic map is specified, but client doesn't support dynamic features like JavaScript.
Sample results
Herne, Rathaus (static map with center marker)
{{#widget:Google Maps
|width=600
|height=400
|lat=51.538026
|lng=7.219816
|zoom=12
|static=yes
|centermarker=yes
}}
Using this widget
For information on how to use this widget, see widget description page on MediaWikiWidgets.org.
Copy to your site
To use this widget on your site, just install MediaWiki Widgets extension and copy full source code of this page to your wiki as Widget:Google Maps article.
This widget allows you to add Google Maps widget to your wiki page.
Created by Sergey Chernyshev
Using this widget
For information on how to use this widget, see widget description page on MediaWikiWidgets.org.
Copy to your site
To use this widget on your site, just install MediaWiki Widgets extension and copy the full source code of this page to your wiki as page Widget:Google Maps.
