From a3a125f18f9ae40aa511dc00af2c1257abe19ff5 Mon Sep 17 00:00:00 2001 From: leosw Date: Sat, 27 Mar 2021 18:39:39 +0100 Subject: [PATCH] Add TMS world server --- views/js/d.map.js | 18 +++++++----------- views/js/d.poi_map.js | 21 +++++++-------------- 2 files changed, 14 insertions(+), 25 deletions(-) diff --git a/views/js/d.map.js b/views/js/d.map.js index 65968dc..6c90374 100755 --- a/views/js/d.map.js +++ b/views/js/d.map.js @@ -2,25 +2,21 @@ var mymap; $( document ).ready(function() { // Differents layers for the map -/* var osmfr = L.tileLayer('//{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', {tms: true, maxZoom: 20, attribution: 'Maps © OpenSreetMap France, Data © OpenStreetMap contributors'}); - var wikimedia = L.tileLayer('//maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png', {tms: true, maxZoom: 18, attribution: 'Maps © Wikimedia, Data © OpenStreetMap contributors'});*/ + var topo_maptiler = L.tileLayer('https://api.maptiler.com/maps/topographique/{z}/{x}/{y}.png?key=Sm8M7mJ53GtYdl773rpi', {tms: false, maxZoom: 20, attribution: 'Maps © © MapTiler, Data © OpenStreetMap contributors'}); + /*var wikimedia = L.tileLayer('//maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png', {tms: true, maxZoom: 18, attribution: 'Maps © Wikimedia, Data © OpenStreetMap contributors'}); var sat_cro = L.tileLayer('/_maps/sat_cro/{z}/{x}/{y}.png', {tms: true, maxZoom: 17, attribution: 'For dev purpose only'}); var osm_cro = L.tileLayer('/_maps/osm_cro/{z}/{x}/{y}.png', {tms: true, maxZoom: 17, attribution: 'For dev purpose only'}); - var ign_cro = L.tileLayer('/_maps/ign_cro/{z}/{x}/{y}.jpg.tile', {tms: false, maxZoom: 13, attribution: 'For dev purpose only'}); - + var ign_cro = L.tileLayer('/_maps/ign_cro/{z}/{x}/{y}.jpg.tile', {tms: false, maxZoom: 13, attribution: 'For dev purpose only'});*/ // Base layers var baseLayers = { - "Crozet IGN": ign_cro, - "Crozet satellite": sat_cro, - "Crozet OSM": osm_cro, + "Topo": topo_maptiler, }; mymap = L.map('mapid', { zoomControl: false, - layers: [sat_cro], - maxBounds: [[-46.32,51.60],[-46.50,51.90]] - }).setView([-46.407, 51.766], 13); - $("#map-credits").html(sat_cro.getAttribution()); + layers: [topo_maptiler] + }).setView([47, 3], 6); + $("#map-credits").html(topo_maptiler.getAttribution()); L.control.scale({ position: "bottomleft", diff --git a/views/js/d.poi_map.js b/views/js/d.poi_map.js index de8eff1..62724c4 100755 --- a/views/js/d.poi_map.js +++ b/views/js/d.poi_map.js @@ -3,25 +3,18 @@ var poi_layer; $( document ).ready(function() { // Differents layers for the map -/* var osmfr = L.tileLayer('//{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', {tms: true, maxZoom: 20, attribution: 'Maps © OpenSreetMap France, Data © OpenStreetMap contributors'}); - var wikimedia = L.tileLayer('//maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png', {tms: true, maxZoom: 18, attribution: 'Maps © Wikimedia, Data © OpenStreetMap contributors'});*/ - var sat_cro = L.tileLayer('/_maps/sat_cro/{z}/{x}/{y}.png', {tms: true, maxZoom: 17, attribution: 'For dev purpose only'}); - var osm_cro = L.tileLayer('/_maps/osm_cro/{z}/{x}/{y}.png', {tms: true, maxZoom: 17, attribution: 'For dev purpose only'}); - var ign_cro = L.tileLayer('/_maps/ign_cro/{z}/{x}/{y}.jpg.tile', {tms: false, maxZoom: 13, attribution: 'For dev purpose only'}); - + var topo_maptiler = L.tileLayer('https://api.maptiler.com/maps/topographique/{z}/{x}/{y}.png?key=Sm8M7mJ53GtYdl773rpi', {tms: false, maxZoom: 20, attribution: 'Maps © © MapTiler, Data © OpenStreetMap contributors'}); + /*var wikimedia = L.tileLayer('//maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png', {tms: true, maxZoom: 18, attribution: 'Maps © Wikimedia, Data © OpenStreetMap contributors'});*/ // Base layers var baseLayers = { - "Crozet IGN": ign_cro, - "Crozet satellite": sat_cro, - "Crozet OSM": osm_cro, + "Topo": topo_maptiler, }; mymap = L.map('mapid', { zoomControl: false, - layers: [sat_cro], - maxBounds: [[-46.32,51.60],[-46.50,51.90]] - }).setView([-46.407, 51.766], 13); - $("#map-credits").html(sat_cro.getAttribution()); + layers: [topo_maptiler] + }).setView([47, 3], 6); + $("#map-credits").html(topo_maptiler.getAttribution()); L.control.scale({ position: "bottomleft", @@ -48,7 +41,7 @@ $( document ).ready(function() { $("#map-credits").html(e.layer.getAttribution()); }); - poi_layer = L.marker([-46.407, 51.766], {draggable: true}).addTo(mymap); + poi_layer = L.marker([47, 3], {draggable: true}).addTo(mymap); poi_layer.bindTooltip("Glissez moi au bon endroit.", {permanent: true, direction: 'top'}).openTooltip(); mymap.on('click', function(e){