+ var div = $("<div>")
+ .appendTo(item);
+
+ map.whenReady(function () {
+ var miniMap = L.map(div[0], { attributionControl: false, zoomControl: false, keyboard: false })
+ .addLayer(new layer.constructor({ apikey: layer.options.apikey }));
+
+ miniMap.dragging.disable();
+ miniMap.touchZoom.disable();
+ miniMap.doubleClickZoom.disable();
+ miniMap.scrollWheelZoom.disable();
+
+ $ui
+ .on("show", shown)
+ .on("hide", hide);
+
+ function shown() {
+ miniMap.invalidateSize();
+ setView({ animate: false });
+ map.on("moveend", moved);
+ }
+
+ function hide() {
+ map.off("moveend", moved);
+ }
+
+ function moved() {
+ setView();
+ }
+
+ function setView(options) {
+ miniMap.setView(map.getCenter(), Math.max(map.getZoom() - 2, 0), options);
+ }
+ });
+
+ var label = $("<label>")
+ .appendTo(item);
+
+ var input = $("<input>")
+ .attr("type", "radio")
+ .prop("checked", map.hasLayer(layer))
+ .appendTo(label);
+
+ label.append(layer.options.name);
+
+ item.on("click", function () {
+ layers.forEach(function (other) {
+ if (other === layer) {
+ map.addLayer(other);
+ } else {
+ map.removeLayer(other);
+ }
+ });
+ map.fire("baselayerchange", { layer: layer });
+ });
+
+ item.on("dblclick", toggle);
+
+ map.on("layeradd layerremove", function () {
+ item.toggleClass("active", map.hasLayer(layer));
+ input.prop("checked", map.hasLayer(layer));
+ });
+ });
+
+ if (OSM.STATUS !== "api_offline" && OSM.STATUS !== "database_offline") {
+ var overlaySection = $("<div>")
+ .attr("class", "section overlay-layers")
+ .appendTo($ui);
+
+ $("<p>")
+ .text(I18n.t("javascripts.map.layers.overlays"))
+ .attr("class", "text-muted")
+ .appendTo(overlaySection);
+
+ var overlays = $("<ul class='list-unstyled standard-form'>")
+ .appendTo(overlaySection);
+
+ var addOverlay = function (layer, name, maxArea) {
+ var item = $("<li>")
+ .tooltip({
+ placement: "top"
+ })
+ .appendTo(overlays);
+
+ var label = $("<label>")
+ .appendTo(item);