Enlarge hover event triggering surface

This commit is contained in:
2020-02-03 19:53:07 +01:00
parent b2904b70a0
commit 76ee2f9ada
3 changed files with 24 additions and 5 deletions

View File

@@ -282,10 +282,14 @@ function initSpotMessages(aoMessages, aoTracks) {
L.control.layers(aoLayers, null, {position: 'topleft'}).addTo(oMap);
//Tracks, colors & popup
var oTracks = L.geoJson(aoTracks, {
var oActualTracks = L.geoJson(aoTracks, {
style: function(oTrack) {
return self.tmp(['track-type-styles', oTrack.properties.type]);
},
}
}).addTo(oMap);
var oTracks = L.geoJson(aoTracks, {
style: {weight: 20, opacity: 0},
onEachFeature: function(feature, oLayer) {
var asProperties = feature.properties;
var $Tooltip = $('<div>', {'class':'track_tooltip'});
@@ -348,8 +352,9 @@ function initSpotMessages(aoMessages, aoTracks) {
oLayer
.bindPopup($Tooltip[0])
.on('mouseover', function(e) {console.log(e.target);
e.target.getPopup().setLatLng(e.latlng).openOn(self.tmp('map'));
.on('mouseover click', function(e) {
var oLatLng = L.GeometryUtil.closest(self.tmp('map'), e.sourceTarget, e.latlng);
e.target.getPopup().setLatLng(oLatLng).openOn(self.tmp('map'));
var asTrailMarkers = self.tmp(['trail-markers', e.target.feature.properties.name]);
var oPointStart = self.tmp('map').latLngToLayerPoint(asTrailMarkers.start.getLatLng());