X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/73bbee5df9f01eb927ff6d830f8e74802d0318c8..b9a19ab23a8dc63bc7c7f867e2ece6924319f0f2:/app/assets/javascripts/index.js diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js index 82b6d03b8..3edfaeeaf 100644 --- a/app/assets/javascripts/index.js +++ b/app/assets/javascripts/index.js @@ -5,21 +5,49 @@ //= require index/notes //= require index/map_ui +var map, layers; // TODO: remove globals + $(document).ready(function () { - var permalinks = $("#permalink").detach().html(); var marker; var params = OSM.mapParams(); - var map = createMap("map", { + + map = L.map("map", { + zoomControl: false, layerControl: false - }, { - locateControl: true }); + map.attributionControl.setPrefix(''); + + layers = mapLayers(); + layers[0].layer.addTo(map); + + $("#map").on("resized", function () { + map.invalidateSize(); + }); + + L.control.zoom({position: 'topright'}) + .addTo(map); + OSM.mapUI().addTo(map); - L.control.scale().addTo(map); + L.control.share({ + getUrl: function(map) { + return setArgs('http://osm.org/', { + lon: map.getCenter().lng, + lat: map.getCenter().lat + }); + } + }).addTo(map); + + L.control.note({ + position: 'topright' + }).addTo(map); + + L.control.locate({ + position: 'topright' + }).addTo(map); - map.attributionControl.setPrefix(permalinks); + L.control.scale().addTo(map); map.on("moveend layeradd layerremove", updateLocation); @@ -31,7 +59,11 @@ $(document).ready(function () { map.fitBounds(bbox); if (params.box) { - addBoxToMap(bbox); + L.rectangle(bbox, { + weight: 2, + color: '#e90', + fillOpacity: 0 + }).addTo(map); } } else { map.setView([params.lat, params.lon], params.zoom); @@ -47,7 +79,7 @@ $(document).ready(function () { } if (params.object) { - addObjectToMap(params.object, { zoom: params.object_zoom }); + addObjectToMap(params.object, map, { zoom: params.object_zoom }); } handleResize(); @@ -66,7 +98,7 @@ $(document).ready(function () { } if (data.type && data.id) { - addObjectToMap(data, { zoom: true, style: { opacity: 0.2, fill: false } }); + addObjectToMap(data, map, { zoom: true, style: { opacity: 0.2, fill: false } }); } if (marker) { @@ -82,8 +114,7 @@ $(document).ready(function () { var layers = getMapLayers(); var extents = map.getBounds().wrap(); - updatelinks(center.lng, - center.lat, + updatelinks(center, zoom, layers, extents.getWest(), @@ -147,3 +178,36 @@ $(document).ready(function () { $("#query").focus(); } }); + +function getMapBaseLayer() { + for (var i = 0; i < layers.length; i++) { + if (map.hasLayer(layers[i].layer)) { + return layers[i]; + } + } +} + +function getMapLayers() { + var layerConfig = ""; + for (var i = 0; i < layers.length; i++) { + if (map.hasLayer(layers[i].layer)) { + layerConfig += layers[i].layerCode; + } + } + return layerConfig; +} + +function setMapLayers(layerConfig) { + var foundLayer = false; + for (var i = 0; i < layers.length; i++) { + if (layerConfig.indexOf(layers[i].layerCode) >= 0) { + map.addLayer(layers[i].layer); + foundLayer = true; + } else { + map.removeLayer(layers[i].layer); + } + } + if (!foundLayer) { + map.addLayer(layers[0].layer); + } +}