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;
}