add core functions to create a generic marker icon, of a specified colour.

use it for the new portal distance current location marker, and search result marker
This commit is contained in:
Jon Atkins
2015-02-21 17:08:04 +00:00
parent e03bbf50f1
commit badcdbdb18
3 changed files with 30 additions and 21 deletions

View File

@ -85,19 +85,9 @@ window.plugin.distanceToPortal.setLocation = function() {
window.plugin.distanceToPortal.currentLoc = map.getCenter();
}
window.plugin.distanceToPortal.currentLocMarker = createGenericMarker (window.plugin.distanceToPortal.currentLoc,'#444',{draggable:true});
var markerTemplate = '@@INCLUDESTRING:images/marker-icon.svg.template@@';
window.plugin.distanceToPortal.currentLocMarker = L.marker(window.plugin.distanceToPortal.currentLoc,{
icon: L.divIcon({
iconSize: new L.Point(25, 41),
iconAnchor: new L.Point(12, 41),
html: markerTemplate.replace(/%COLOR%/g, '#444'),
className: 'leaflet-iitc-distance-to-portal-location'
}),
draggable: true,
});
window.plugin.distanceToPortal.currentLocMarker.on('dragend', function(e) {
window.plugin.distanceToPortal.currentLocMarker.on('drag', function(e) {
window.plugin.distanceToPortal.currentLoc = window.plugin.distanceToPortal.currentLocMarker.getLatLng();
localStorage['plugin-distance-to-portal'] = JSON.stringify({lat:window.plugin.distanceToPortal.currentLoc.lat, lng:window.plugin.distanceToPortal.currentLoc.lng});