|
|
| (10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| <noinclude>__NOTOC__
| |
| This widget allows you to add '''[https://code.google.com/apis/maps/ Google Maps]''' widget to your wiki page.
| |
|
| |
| Created by [https://www.mediawikiwidgets.org/User:Sergey_Chernyshev 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) [[#Map types|*]]
| |
| * 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 [[#Map types|*]]:
| |
| ** '''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 [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 ==
| |
| === Herne, Rathaus (static map with center marker) ===
| |
| <nowiki>{{#widget:</nowiki>{{PAGENAME}}<nowiki>
| |
| |width=600
| |
| |height=400
| |
| |lat=51.538026
| |
| |lng=7.219816
| |
| |zoom=12
| |
| |static=yes
| |
| |centermarker=yes
| |
| }}</nowiki>
| |
|
| |
| == Using this widget ==
| |
| 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 ==
| |
| 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 '''[https://code.google.com/apis/maps/ Google Maps]''' widget to your wiki page. | | This widget allows you to add '''[https://code.google.com/apis/maps/ Google Maps]''' widget to your wiki page. |
| Zeile 58: |
Zeile 9: |
| == 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 the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as page '''{{FULLPAGENAME}}'''. | | To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as page '''{{FULLPAGENAME}}'''. |
| </noinclude><includeonly><!--{if not isset($static)}--><!--{counter name="mapDivID" assign="mapDivID"}--><script type="text/javascript" src="http://www.google.com/jsapi"></script> | | </noinclude><includeonly><!--{if not isset($static)}--><!--{counter name="mapDivID" assign="mapDivID"}--><script type="text/javascript" src="https://www.google.com/jsapi"></script> |
| <script type="text/javascript"> | | <script type="text/javascript"> |
| google.load("maps", "2.s"); | | google.load("maps", "2.s"); |
| Zeile 107: |
Zeile 58: |
| }); | | }); |
| </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="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> | | <div id="map<!--{$mapDivID|escape:'html'}-->" style="width: <!--{$width|escape:'html'|default:'420'}-->px; height: <!--{$height|escape:'html'|default:350}-->px"><!--{/if}--><src="https://maps.googleapis.com/maps/api/js?key=AIzaSyChFaHzxYLPfHrUW7fyxPQ7PXSsArOxoYU&callback=initMap"<!--{$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)}--></div><!--{/if}--></includeonly> |
