Custom marker about leaflet-locatecontrol HOT 3 CLOSED

Just FYI and anyone searching, here's how I did it:

var iconGreen = {
    iconUrl: 'leaf-green.png',
    shadowUrl: 'leaf-shadow.png',
    iconSize:     [38, 95],
    shadowSize:   [50, 64],
    iconAnchor:   [22, 94],
    shadowAnchor: [4, 62],
    popupAnchor:  [-3, -76]
};

L.control.locate({
    markerClass: L.marker,
    markerStyle: { 
        icon: L.icon( iconGreen ) 
    }
}).addTo(map);

JSFiddle Demo

from leaflet-locatecontrol.

Have a look at the options in https://github.com/domoritz/leaflet-locatecontrol#possible-options. You can change the style but it is actually not an icon but a circle drawn directly.

I think it would be nice to be able to use a real custom icon. If you want, send me a pull request.

from leaflet-locatecontrol.

@chk1 Awesome. I just created a label for issues with solutions like yours!

from leaflet-locatecontrol.