'use strict';

// coord display
var CoordinatesDisplay = L.Control.extend({
    onAdd: function(map) {
      var div = L.DomUtil.create('div', 'leaflet-bar leaflet-custom-display');
      function update(ev){
        var latlng = ev.latlng;
        div.innerHTML = "X:" + parseInt(latlng.lng) + " Z:" + parseInt(latlng.lat);
      }

      //TODO: x: 1 z: 2 (selected: x:1 z:3)
      map.on('mousemove', update);
      map.on('click', update);
      map.on('touch', update);

      return div;
    },

    onRemove: function(map) {
    }
});