#55 Added scale to map

config/models.js

@@ -25,6 +25,7 @@ const userSchema = new mongoose.Schema({
 		units: {type:String, required:true, default:'standard'},
 		defaultMap: {type:String, required:true, default:'road'},
 		defaultZoom: {type:Number, required:true, default:11},
+		showScale: {type:Boolean, required:true, default:false},
 		showSpeed: {type:Boolean, required:true, default:false},
 		showTemp: {type:Boolean, required:true, default:false},
 		showAlt: {type:Boolean, required:true, default:false},

config/routes/settings.js

@@ -49,6 +49,7 @@ router.route('/')
 					units: req.body.units,
 					defaultMap: req.body.map,
 					defaultZoom: req.body.zoom,
+					showScale: (req.body.showScale)?true:false,
 					showSpeed: (req.body.showSpeed)?true:false,
 					showAlt: (req.body.showAlt)?true:false,
 					showStreetview: (req.body.showStreet)?true:false

static/js/map.js

@@ -81,6 +81,7 @@ window.gmapsCb = function() {
 		map = new google.maps.Map( mapElem, {
 			center: new google.maps.LatLng( mapuser.last.lat, mapuser.last.lon ),
 			panControl: false,
+			scaleControl: mapuser.settings.showScale,
 			draggable: false,
 			zoom: mapuser.settings.defaultZoom,
 			streetViewControl: false,

views/settings.html

@@ -114,6 +114,11 @@
 						</select>
 				</div>
 				
+				<div id='showScale' class='form-group' title="Shows a scale on the map.">
+					<label for="showScale">Show scale</label>
+					<input name="showScale" type="checkbox" {% if user.settings.showScale %}checked{% endif %}>
+				</div>
+				
 				<div id='showSpeed' class='form-group' title="{% if not user.isPro %}PRO ONLY! {% endif %}Shows a spedometer on the map.">
 					<label for="showSpeed">Show speed{% if not user.isPro %} <span class='red'>(PRO)</span>{% endif %}</label>
 					<input name="showSpeed" type="checkbox" {% if not user.isPro %}disabled {% elif user.settings.showSpeed %}checked{% else %}{% endif %}>
@@ -146,4 +151,4 @@
 {% block javascript %}
 {{super()}}
 	<script type="text/javascript" src="/static/js/.settings.min.js"></script>
-{% endblock %}
+{% endblock %}