app/assets/javascripts/diary_entry.js

   1 $(document).ready(function () {
   2   var marker;
   3
   4   function setLocation(e) {
   5     $("#latitude").val(e.latlng.lat);
   6     $("#longitude").val(e.latlng.lng);
   7
   8     if (marker) {
   9       map.removeLayer(marker);
  10     }
  11
  12     marker = L.marker(e.latlng, {icon: getUserIcon()}).addTo(map)
  13       .bindPopup(I18n.t('diary_entry.edit.marker_text'));
  14   }
  15
  16   $("#usemap").click(function (e) {
  17     e.preventDefault();
  18
  19     $("#map").show();
  20     $("#usemap").hide();
  21
  22     var params = $("#map").data();
  23     var centre = [params.lat, params.lon];
  24     var map = createMap("map");
  25
  26     map.setView(centre, params.zoom);
  27
  28     if ($("#latitude").val() && $("#longitude").val()) {
  29       marker = L.marker(centre, {icon: getUserIcon()}).addTo(map)
  30         .bindPopup(I18n.t('diary_entry.edit.marker_text'));
  31     }
  32
  33     map.on("click", setLocation);
  34   });
  35 });