app/assets/javascripts/diary_entry.js

   1 $(document).ready(function () {
   2   var marker, map;
   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
  25     map = L.map("map", {
  26       attributionControl: false,
  27       zoomControl: false
  28     }).addLayer(new L.OSM.Mapnik());
  29
  30     L.control.zoom({position: 'topright'})
  31       .addTo(map);
  32
  33     $("#map").on("resized", function () {
  34       map.invalidateSize();
  35     });
  36
  37     map.setView(centre, params.zoom);
  38
  39     if ($("#latitude").val() && $("#longitude").val()) {
  40       marker = L.marker(centre, {icon: getUserIcon()}).addTo(map)
  41         .bindPopup(I18n.t('diary_entry.edit.marker_text'));
  42     }
  43
  44     map.on("click", setLocation);
  45   });
  46 });