Ero sivun ”Widget:Google Maps” versioiden välillä

WirmoWikistä
Siirry navigaatioonSiirry hakuun
Ei muokkausyhteenvetoa
Ei muokkausyhteenvetoa
Merkkaus: Palautettu
Rivi 1: Rivi 1:
<noinclude>__NOTOC__
<noinclude>__NOTOC__
This widget embeds a modern Google Map (API v3) securely via HTTPS.
This widget lets you add '''[https://code.google.com/apis/maps/ Google Maps]''' widget to your wiki page.


Based on the original by [http://www.mediawikiwidgets.org/User:Sergey_Chernyshev Sergey Chernyshev],
Created by [https://www.mediawikiwidgets.org/User:Sergey_Chernyshev Sergey Chernyshev]
updated for HTTPS and API v3 by ChatGPT.
</noinclude><includeonly>
<!--{counter name="mapDivID" assign="mapDivID"}-->


<!-- Replace YOUR_API_KEY below with your Google Maps JavaScript API key -->
== Using this widget ==
<script async defer
For information on how to use this widget, see [https://www.mediawikiwidgets.org/Google_Maps widget description page on MediaWikiWidgets.org].
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTMiWnf9IEOuars7IFU-7IjPbUdaO7wYA">
</script>


== Copy to your site ==
To use this widget on your site, 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="https://www.google.com/jsapi"></script>
<script type="text/javascript">
<script type="text/javascript">
function initMap<!--{$mapDivID|escape:'html'}-->() {
google.load("maps", "2.s");
  var center = { lat: parseFloat('<!--{$lat|escape:'quotes'}-->'), lng: parseFloat('<!--{$lng|escape:'quotes'}-->') };
// Call this function when the page has been loaded
  var map = new google.maps.Map(document.getElementById('map<!--{$mapDivID|escape:'html'}-->'), {
google.setOnLoadCallback(function() {
    zoom: Number('<!--{$zoom|escape:'quotes'|default:16}-->'),
if (google.maps.BrowserIsCompatible()) {
    center: center,
var center = new GLatLng('<!--{$lat|escape:'quotes'}-->', '<!--{$lng|escape:'quotes'}-->');
    mapTypeId: '<!--{$maptype|escape:'quotes'|default:'roadmap'}-->'
// Create and Center a Map
  });
var map = new google.maps.Map2(document.getElementById("map<!--{$mapDivID|escape:'html'}-->"),
{size: new google.maps.Size('<!--{$width|escape:'quotes'|default:'420'}-->', '<!--{$height|escape:'quotes'|default:350}-->')}
);
map.setCenter(center, 13);
map.setZoom(Number('<!--{$zoom|escape:'quotes'|default:16}-->'));
map.enableScrollWheelZoom();


  <!--{if isset($centermarker)}-->
var createMarker = function(markerLatLng,MarkerTitle,markerIcon,markerPopup) {
  new google.maps.Marker({
var marker=new google.maps.Marker(markerLatLng,{title:MarkerTitle,icon:markerIcon});
    position: center,
if (markerPopup) {
    map: map,
GEvent.addListener(marker, "click", function() {
    title: 'Center'
marker.openInfoWindowHtml(markerPopup);
  });
});
  <!--{/if}-->
}
return marker;
}
<!--{foreach from=$marker item=m}-->
var markerIcon=new GIcon(G_DEFAULT_ICON);
<!--{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}-->
var markerLatLng = new GLatLng('<!--{$m.lat|escape:'quotes'}-->', '<!--{$m.lng|escape:'quotes'}-->');
var markerPopup="";
<!--{if isset($m.text)}-->markerPopup='<!--{$m.text|escape:'quotes'}-->';<!--{/if}-->
var marker = new createMarker(markerLatLng,'<!--{$m.title|escape:'quotes'}-->',markerIcon,markerPopup);
map.addOverlay(marker);
<!--{/foreach}-->
<!--{if isset($xml)}-->map.addOverlay(new GGeoXml('<!--{$xml|escape:'quotes'}-->'));<!--{/if}-->
<!--{if isset($centermarker)}-->map.addOverlay(new google.maps.Marker(center));<!--{/if}-->
<!--{if isset($maptypecontrol)}-->map.addControl(new GMapTypeControl());<!--{/if}-->
<!--{if isset($largemapcontrol)}-->map.addControl(new GLargeMapControl());<!--{/if}-->
<!--{if isset($smallmapcontrol)}-->map.addControl(new GSmallMapControl());<!--{/if}-->
<!--{if isset($smallzoomcontrol)}-->map.addControl(new GSmallZoomControl());<!--{/if}-->
<!--{if isset($scalecontrol)}-->map.addControl(new GScaleControl());<!--{/if}-->
<!--{if isset($overviewmapcontrol)}-->map.addControl(new GOverviewMapControl());<!--{/if}-->
<!--{if isset($hierarchicalmaptypecontrol)}-->map.addControl(new GHierarchicalMapTypeControl());<!--{/if}-->
                <!--{if isset($maptype)}-->map.setMapType(<!--{if $maptype eq 'satellite'}-->G_SATELLITE_MAP<!--{elseif $maptype eq 'hybrid'}-->G_HYBRID_MAP<!--{else}-->G_NORMAL_MAP<!--{/if}-->);<!--{/if}-->


  <!--{foreach from=$marker item=m}-->
}
  var markerPos = { lat: parseFloat('<!--{$m.lat|escape:'quotes'}-->'), lng: parseFloat('<!--{$m.lng|escape:'quotes'}-->') };
});
  var marker = new google.maps.Marker({
    position: markerPos,
    map: map,
    title: '<!--{$m.title|escape:'quotes'}-->'
  });
  <!--{if isset($m.text)}-->
  var infowindow = new google.maps.InfoWindow({
    content: '<!--{$m.text|escape:'quotes'}-->'
  });
  marker.addListener('click', function() {
    infowindow.open(map, marker);
  });
  <!--{/if}-->
  <!--{/foreach}-->
}
 
document.addEventListener('DOMContentLoaded', initMap<!--{$mapDivID|escape:'html'}-->);
</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&center=<!--{$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>
<div id="map<!--{$mapDivID|escape:'html'}-->" style="width: <!--{$width|escape:'html'|default:'420'}-->px; height: <!--{$height|escape:'html'|default:350}-->px;">
  <noscript><img src="https://maps.googleapis.com/maps/api/staticmap?center=<!--{$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=<!--{$lat|escape:'urlpathinfo'}-->,<!--{$lng|escape:'urlpathinfo'}-->" width="<!--{$width|escape:'html'|default:'420'}-->" height="<!--{$height|escape:'html'|default:350}-->"></noscript>
</div>
</includeonly>

Versio 3. helmikuuta 2026 kello 18.28

This widget lets you 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, install MediaWiki Widgets extension and copy the full source code of this page to your wiki as page Widget:Google Maps.

Noudettu kohteesta ”https://wiki.wirmo-seura.fi/wirmowiki/index.php?title=Widget:Google_Maps&oldid=163172”