MediaWiki:GeoHack.js

Увага: Після публікування слід очистити кеш браузера, щоб побачити зміни.

Firefox / Safari: тримайте Shift, коли натискаєте Оновити, або натисніть Ctrl-F5 чи Ctrl-Shift-R (⌘-R на Apple Mac)
Google Chrome: натисніть Ctrl-Shift-R (⌘-Shift-R на Apple Mac)
Internet Explorer / Edge: тримайте Ctrl, коли натискаєте Оновити, або натисніть Ctrl-F5
Opera: натисніть Ctrl-F5

/**
 * Embed an OSM map on div id="osmEmbed" exists
 * This script is loaded by https://tools.wmflabs.org/geohack/, see also [[Template:GeoTemplate]]
 */
var head  = document.getElementsByTagName( 'head' )[ 0 ],
	style  = document.createElement( 'link' );
style.rel  = 'stylesheet';
style.type = 'text/css';
style.href = '//maps.wikimedia.org/leaflet/leaflet.css';
head.appendChild( style );

var script  = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = '//maps.wikimedia.org/leaflet/leaflet.js';
head.appendChild( script );

function embedOpenStreetMap() {
	var osmClassRegExp = /\bOSM:([\d.+-]+)_([\d.+-]+)_([\d.+-]+)_(\w+)/,
		osmTarget = document.getElementById( 'osmEmbed' );
	if ( osmTarget && osmClassRegExp.exec( osmTarget.className ) ) {
		var lat = 1.0 * RegExp.$1,
			lon = 1.0 * RegExp.$2,
			zoom = RegExp.$3,
			map = L.map( 'osmEmbed' ).setView( [ lat, lon ], zoom );

		L.tileLayer(
			'//maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png',
			{ attribution: '&copy; учасники <a href="http://osm.org/copyright">OpenStreetMap</a>' }
		).addTo( map );

		L.marker( [ lat, lon ] ).addTo( map );
	}
}

window.onload = function() {
	embedOpenStreetMap();
};