X-Git-Url: https://git.openstreetmap.org/chef.git/blobdiff_plain/cc6b107e2e4aa6d7b882d4fb626a1a80a41104c8..c622106f2aae13e82e096dee5512b9ba68311456:/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 58e9b0fea..e40950e6e 100644 --- a/cookbooks/imagery/templates/default/imagery.js.erb +++ b/cookbooks/imagery/templates/default/imagery.js.erb @@ -1,44 +1,51 @@ function createMap(divName) { // Create a map - var map = L.map(divName); + var map = L.map(divName).fitBounds(<%= @bbox.to_json %>); - // Create a layer switcher - var layers = L.control.layers(); + // Create layer and overlays variables + var leaflet_layers = {} + var leaflet_overlays = {} // Add OpenStreetMap layer - layers.addBaseLayer(L.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { + leaflet_layers["OpenStreetMap"] = L.tileLayer("http://{s}.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 %>, { + + <% if layer[:overlay] -%> + // Create <%= layer[:name] %> overlay + leaflet_overlays["<%= layer[:name] %>"] = L.tileLayer(<%= layer[:url].to_json %>, { attribution: <%= layer[:attribution].to_json %>, maxZoom: <%= layer[:maxZoom].to_json %> }); - // Add <%= layer[:name] %> to layer switcher - layers.addBaseLayer(<%= layer[:name] %>, <%= layer[:title].to_json %>); - <% if layer[:default] -%> // Add <%= layer[:name] %> to map - <%= layer[:name] %>.addTo(map); + leaflet_overlays["<%= layer[:name] %>"].addTo(map); <% end -%> - <% end -%> - <% @overlays.sort_by { |layer| layer[:name] }.each do |layer| -%> - // Add <%= layer[:name] %> to layer switcher - layers.addOverlay(L.tileLayer(<%= layer[:url].to_json %>, { + + <% else %> + // Create <%= layer[:name] %> layer + leaflet_layers["<%= layer[:name] %>"] = L.tileLayer(<%= layer[:url].to_json %>, { attribution: <%= layer[:attribution].to_json %>, maxZoom: <%= layer[:maxZoom].to_json %> - }), <%= layer[:title].to_json %>); + }); + <% if layer[:default] -%> + // Add <%= layer[:name] %> to map + leaflet_layers["<%= layer[:name] %>"].addTo(map); <% end -%> - // Add the layer switch to the mao - layers.addTo(map); - // Zoom to specified bounds - map.fitBounds(<%= @bbox.to_json %>); + <% end -%> + <% end -%> + // Create a layer switcher + var layers = L.control.layers(leaflet_layers, leaflet_overlays, {collapsed:false}); + + // Add the layer switch to the mao + layers.addTo(map); + map.addControl(new L.Control.Permalink({text: 'Permalink', layers: leaflet_layers, overlays: leaflet_overlays})); return map; }