X-Git-Url: https://git.openstreetmap.org./chef.git/blobdiff_plain/1dae8c0d4c86396b0a52c14b819271e05f7217db..b9c0d9f47a55952cdb03690a9d1b865dd072c588:/cookbooks/imagery/templates/default/imagery.js.erb diff --git a/cookbooks/imagery/templates/default/imagery.js.erb b/cookbooks/imagery/templates/default/imagery.js.erb index fa70ed457..e29d86342 100644 --- a/cookbooks/imagery/templates/default/imagery.js.erb +++ b/cookbooks/imagery/templates/default/imagery.js.erb @@ -1,17 +1,19 @@ function createMap(divName) { // Create a map - var map = L.map(divName).fitBounds(<%= @bbox.to_json %>); + var map = L.map(divName, { + worldCopyJump: true + }).fitBounds(<%= @bbox.to_json %>); // Create a layer switcher - var layers = L.control.layers(); + var layers = L.control.layers(null, null, {collapsed:false}).addTo(map); // Add OpenStreetMap layer - layers.addBaseLayer(L.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { - attribution: "© OpenStreetMap and contributors, under an open license", + layers.addBaseLayer(L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", { + attribution: "© OpenStreetMap and contributors, under an open license", maxZoom: 19 }), "OpenStreetMap"); - <% @layers.sort_by { |layer| layer[:name] }.each do |layer| -%> + // Create <%= layer[:name] %> layer var <%= layer[:name] %> = L.tileLayer(<%= layer[:url].to_json %>, { attribution: <%= layer[:attribution].to_json %>, @@ -20,9 +22,9 @@ function createMap(divName) { // Add <%= layer[:name] %> to layer switcher <% if layer[:overlay] -%> - layers.addBaseLayer(<%= layer[:name] %>, <%= layer[:title].to_json %>); - <% else %> layers.addOverlay(<%= layer[:name] %>, <%= layer[:title].to_json %>); + <% else %> + layers.addBaseLayer(<%= layer[:name] %>, <%= layer[:title].to_json %>); <% end -%> <% if layer[:default] -%> @@ -31,8 +33,12 @@ function createMap(divName) { <% end -%> <% end -%> - // Add the layer switch to the mao - layers.addTo(map); + // Add the permalink control + map.addControl(new L.Control.Permalink()); + + var lc = L.control.locate({ + position: 'topright' + }).addTo(map); return map; }