WMTS
A szolgáltatás ára
Példák
Az alábbiakban néhány példán keresztül mutatjuk be, hogyan tudja a legnépszerűbb webes térkép megjelenítőkbe integrálni a MAPIRE térképeit.
Google Maps Javascript API
var europe_18_century = new google.maps.ImageMapType({ getTileUrl: function(coord, zoom) { return "https://tiles.mapire.eu/mercator/europe-18century-firstsurvey/" + zoom + "/" + coord.x + "/" + coord.y; }, maxZoom: 15, name: "Europe in the 18. century" }); var europe_19_century = new google.maps.ImageMapType({ getTileUrl: function(coord, zoom) { return "https://tiles.mapire.eu/mercator/europe-19century-secondsurvey/" + zoom + "/" + coord.x + "/" + coord.y; }, maxZoom: 15, name: "Europe in the 19. century" }); var map = new google.maps.Map(document.getElementById("map")); map.setCenter(new google.maps.LatLng(48.21, 16.36)); map.setZoom(12); map.overlayMapTypes.insertAt(0, europe_19_century); map.overlayMapTypes.insertAt(0, europe_18_century);
OpenLayers 3
var map = new ol.Map({ target: 'map', layers: [ new ol.layer.Tile({ extent: [-668079.9130155065, 5134660.543296251, 3166565.0061036805, 6979183.500833899], source: new ol.source.XYZ({ url: 'https://tiles.mapire.eu/mercator/europe-18century-firstsurvey/{z}/{x}/{y}', crossOrigin: "anonymous", maxZoom: 15 }) }), new ol.layer.Tile({ extent: [-911322.5842842057, 4276912.392431179, 5510929.843016503, 9678789.632182], source: new ol.source.XYZ({ url: 'https://tiles.mapire.eu/mercator/europe-19century-secondsurvey/{z}/{x}/{y}', crossOrigin: "anonymous", maxZoom: 15 }) }) ], view: new ol.View({ center: ol.proj.fromLonLat([16.36, 48.21]), zoom: 12 }) });
OpenLayers 2
var map = new OpenLayers.Map({ div: "map", projection: "EPSG:900913", layers: [ new OpenLayers.Layer.XYZ( "Europe in the 19. century", ['https://tiles.mapire.eu/mercator/europe-19century-secondsurvey/${z}/${x}/${y}'], { numZoomLevels: 15 tileOptions: {crossOriginKeyword: 'anonymous'}, } ), new OpenLayers.Layer.XYZ( "Europe in the 18. century", ['https://tiles.mapire.eu/mercator/europe-18century-firstsurvey/${z}/${x}/${y}'], { numZoomLevels: 15, tileOptions: {crossOriginKeyword: 'anonymous'}, } ), ], center: [1821186.87, 6141862.73], zoom: 6 });