agenda-libre-ruby/app/assets/javascripts/maps.js.coffee

87 lines
3.2 KiB
CoffeeScript
Raw Normal View History

2015-03-01 16:50:02 +01:00
# Setting up OpenStreeMap from a generic #map element
$(document).on 'turbolinks:load', ->
$('#map.list').each ->
map = L.map 'map'
# Set some initial bounds, in case nothing else is displayed
map.fitBounds [ [60, -20], [30, 30] ]
2017-10-14 21:39:56 +02:00
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a>'
2014-08-23 16:59:42 +02:00
).addTo map
2016-04-17 01:40:34 +02:00
controls = L.control.layers(null, null, collapsed: false).addTo map
$('li a', this).each ->
url = $(this).attr 'href'
text = $(this).html()
2020-01-16 20:19:52 +01:00
markerColor = $('.awesome-marker', this).attr('class')
.substr 'awesome-marker awesome-marker-icon-'.length
if location.search && url.indexOf('?') >= 0
url += '&' + location.search.substr 1
else
url += location.search
2014-08-23 16:59:42 +02:00
$.getJSON url, (json) ->
# Display the layer only if some items are present
return unless json?.length
layer = L.markerClusterGroup(maxClusterRadius: 30).addLayer L.geoJson json,
pointToLayer: (feature, latlng) ->
# Marker with the proper icon
marker = L.AwesomeMarkers.icon
prefix: 'fa',
icon: feature.properties.icon || 'calendar',
markerColor: markerColor
L.marker latlng, icon: marker
onEachFeature: (feature, layer) ->
# Does this feature have a property named popupContent?
if (feature.properties && feature.properties.popupContent)
layer.bindPopup feature.properties.popupContent
map.addLayer layer
controls.addOverlay layer, text + ' - ' + json.length
if (/maps\//.test(location.href) || /maps.json/.test url) &&
layer.getBounds()._northEast && layer.getBounds()._southWest
# Automatic focus to all displayed events
map.fitBounds layer.getBounds()
2014-08-23 16:59:42 +02:00
$('#map.event, #map.orga').each ->
coord = [$(this).data('latitude'), $(this).data('longitude')]
2014-08-02 15:51:45 +02:00
2014-08-23 16:59:42 +02:00
map = L.map('map').setView [coord[0], coord[1]], 16
2017-10-14 21:39:56 +02:00
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a>'
).addTo map
url = $(this).data 'url'
2014-12-13 12:32:05 +01:00
if location.search && url.indexOf('?') >= 0
url += '&' + location.search.substr 1
else
url += location.search
2016-05-23 01:11:22 +02:00
# Marker with the proper icon
marker = L.AwesomeMarkers.icon
prefix: 'fa',
2020-01-16 20:19:52 +01:00
icon: $(this).data('icon') || 'calendar',
markerColor: 'darkred'
2016-05-23 01:11:22 +02:00
L.marker([coord[0], coord[1]], icon: marker).addTo map
2016-05-22 01:12:30 +02:00
$.getJSON url, (json) ->
layer = L.markerClusterGroup(maxClusterRadius: 30).addLayer L.geoJson json,
2016-05-22 01:12:30 +02:00
pointToLayer: (feature, latlng) ->
2016-05-22 01:23:17 +02:00
# Marker with the proper icon
marker = L.AwesomeMarkers.icon
prefix: 'fa',
icon: feature.properties.icon || 'calendar',
2020-01-16 20:19:52 +01:00
markerColor: 'blue'
2016-05-22 01:12:30 +02:00
L.marker latlng, icon: marker
,
onEachFeature: (feature, layer) ->
# Does this feature have a property named popupContent?
if (feature.properties && feature.properties.popupContent)
layer.bindPopup(feature.properties.popupContent)
2014-08-23 16:59:42 +02:00
map.addLayer layer