X-Git-Url: https://git.openstreetmap.org./chef.git/blobdiff_plain/32ded0c2d4fe1519cbc94a6f4ae70452b6d3d6f3..571e5982cc82c4fbefff0d463895a029a68921fe:/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 fc83f6a1f..88459d684 100644 --- a/cookbooks/imagery/templates/default/imagery.js.erb +++ b/cookbooks/imagery/templates/default/imagery.js.erb @@ -1,35 +1,71 @@ +<% require 'uri' %> +function getUrlParams() { + const params = {}; + const queryString = window.location.search.substring(1); + const regex = /([^&=]+)=([^&]*)/g; + let match; + + while (match = regex.exec(queryString)) { + params[decodeURIComponent(match[1])] = decodeURIComponent(match[2]); + } + + return params; +} + function createMap(divName) { + // Get URL parameters + const params = getUrlParams(); + const lon = params.lon ? parseFloat(params.lon) : null; + const lat = params.lat ? parseFloat(params.lat) : null; + const zoom = params.zoom ? parseInt(params.zoom) : null; + // Create a map - var map = L.map(divName); + var map = L.map(divName, { + worldCopyJump: true + }); + + // Set initial view if URL parameters are available, otherwise fitBounds + if (lat !== null && lon !== null && zoom !== null) { + map.setView([lat, lon], zoom); + } else { + map.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| -%> - <% @layers.each do |layer| -%> - // Add <%= layer[:name].to_json %> layer - layers.addBaseLayer(L.tileLayer(<%= layer[:url].to_json %>, { - attribution: <%= layer[:attribution].to_json %> - }), <%= layer[:name].to_json %>); + // Create <%= layer[:name] %> layer + var <%= layer[:name].gsub("-", "_") %> = L.tileLayer(<%= layer[:url].to_json %>, { + attribution: <%= layer[:attribution].to_json %>, + maxZoom: <%= layer[:maxZoom].to_json %> + }); + // Add <%= layer[:name] %> to layer switcher + <% if layer[:overlay] -%> + layers.addOverlay(<%= layer[:name].gsub("-", "_") %>, <%= layer[:title].to_json %>); + <% else %> + layers.addBaseLayer(<%= layer[:name].gsub("-", "_") %>, <%= layer[:title].to_json %>); <% end -%> - <% @overlays.each do |layer| -%> - // Add <%= layer[:name].to_json %> layer - layers.addOverlay(L.tileLayer(<%= layer[:url].to_json %>, { - attribution: <%= layer[:attribution].to_json %> - }), <%= layer[:name].to_json %>); + <% if layer[:default] -%> + // Add <%= layer[:name] %> to map + <%= layer[:name].gsub("-", "_") %>.addTo(map); <% end -%> - // Add the layer switch to the mao - layers.addTo(map); + <% end -%> + + // Add the permalink control + map.addControl(new L.Control.Permalink()); - // Zoom to specified bounds - map.fitBounds(<%= @bbox.to_json %>); + var lc = L.control.locate({ + position: 'topright' + }).addTo(map); return map; }