brandonxiang / leaflet.marker.highlight

Highlight performance for L.marker

leaflet.marker.highlight

Highlight effects for L.marker.

Demo

DEMO

Installation

npm install leaflet.marker.highlight --save

Usage

Temporarily Highlight

Highlight effects will occur in the situation that you put your mouse over the marker.

You can set it when initializing a marker.

var marker1 = L.marker([51.5, -0.09], {highlight: 'temporary'}).addTo(map);

Or you can use a method to enable the highlight effects.

marker1.enableTemporaryHighlight();

marker1.disableTemporaryHighlight();

Permanently Highlight

Highlight effects are always on.

var marker1 = L.marker([51.5, -0.09], {highlight: 'permanent'}).addTo(map);

or

marker1.enablePermanentHighlight();

Cancel the marker highlight effects by

marker1.disablePermanentHighlight();

License

MIT

Chinese Version

README

leaflet.marker.highlight's Issues

Passing the highligth color in a function, option

This plugin is quite good, but you're limited to what the CSS file color for the glow flare is set.

What about selecting the color of the effect (radius etc...) overriding the default CSS or inhereting the color of the marker.

I use BeautifyMarker and maybe its possible to get the backgroundColor of the marker and use it for the glow and flare.

npm installation string is wrong

It should be:
npm install leaflet.marker.hightlight --save

how to use it in vue?

1、how to add it to map in vue？
2、how to remove it from map in vue？

How to use it in angular 7

Hello, very glade to use this plugin ,but I want to know how to use it in angular 2 and above(angular 7)?Because I follow steps to install and coding , but have issue of ypeError: this.addedMarker.enableTemporaryHighlight is not a function.

Change Colors

Hi,

Before anything i would like to say thanks for this awesome pllugins, may I ask is there anyway to change the colors on the fly? without hacking the CSS files directly? thanks again!!!

Documentation is wrong...

function is enablePermanentHighlight and not enableHighlight. Same for the remove function.