From: John Firebaugh <john.firebaugh@gmail.com>
Date: Mon, 8 Jul 2013 21:27:13 +0000 (-0700)
Subject: Use a radio button for base layers
X-Git-Tag: live~4844^2~15
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/b21d0906c48065e8fdf74df30dd453bba6d4d8f2

Use a radio button for base layers
---

diff --git a/app/assets/javascripts/leaflet.layers.js b/app/assets/javascripts/leaflet.layers.js
index 8653a0921..2f06ab9c5 100644
--- a/app/assets/javascripts/leaflet.layers.js
+++ b/app/assets/javascripts/leaflet.layers.js
@@ -81,9 +81,15 @@ L.OSM.layers = function(options) {
       });
 
       var label = $('<label>')
-        .text(layer.options.name)
         .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) {
@@ -97,6 +103,7 @@ L.OSM.layers = function(options) {
 
       map.on('layeradd layerremove', function() {
         item.toggleClass('active', map.hasLayer(layer));
+        input.prop('checked', map.hasLayer(layer));
       });
     });