Overlay tilemaps

Maybe take a look at some javascript examples or the source code entirely here:
https://github.com/bozdoz/wp-plugin-leaflet-map#how-can-i-add-another-leaflet-plugin

Yeah, I’d like the same thing: By the default osm map more overlay map options.
I created it on a single website, but I can’t make another WP-site, also with this plugin. But how?

<script>
	var marks = L.tileLayer('https://a.tile.openstreetmap.hu/tt/{z}/{x}/{y}.png', {minZoom:5,maxZoom: 17});
	var osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {minZoom:5,maxZoom: 17}),
		mapy = L.tileLayer('https://m4.mapserver.mapy.cz/turist-m/{z}-{x}-{y}.png', {minZoom:5,maxZoom: 18}),
		gsat = L.tileLayer('https://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}', {minZoom:5,maxZoom: 18,subdomains: ['mt0', 'mt1', 'mt2', 'mt3']}),
		gstre = L.tileLayer('https://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',{maxZoom: 20,subdomains:['mt0','mt1','mt2','mt3']}),
		gter = L.tileLayer('https://{s}.google.com/vt/lyrs=p&x={x}&y={y}&z={z}',{maxZoom: 20,subdomains:['mt0','mt1','mt2','mt3']}),
		ghyb = L.tileLayer('https://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}',{maxZoom: 20,subdomains:['mt0','mt1','mt2','mt3']});
	var map = L.map('map', {
		center: [47.5432, 19.001],
		zoom: 12,
		layers: [osm, marks]
	});
	var baseLayers = {
		"OpenStreetMap": osm,
		"Mapy.cz": mapy,
		"guglistre": gstre
	};
	var overlays = {
		"sziklafalak nevei": rocks,
		"guglisat": gsat,
		"jelzett turistautak": marks
	};

	L.control.layers(baseLayers, overlays).addTo(map);
	L.control.scale({updateWhenIdle: true, maxWidth: 200, metric: true, imperial: false, position: 'bottomleft'}).addTo(map);
</script>

• This reply was modified 4 years, 11 months ago by blackdog7.
• This reply was modified 4 years, 11 months ago by blackdog7.