https://github.com/brandonxiang/leaflet.marker.highlight

Highlight performance for L.marker
https://github.com/brandonxiang/leaflet.marker.highlight

demo highlight-effects leaflet leaflet-plugins marker markers

Last synced: 3 months ago
JSON representation

Highlight performance for L.marker

• Host: GitHub
• URL: https://github.com/brandonxiang/leaflet.marker.highlight
• Owner: brandonxiang
• License: mit
• Created: 2016-08-16T09:02:29.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-10-17T14:20:18.000Z (over 1 year ago)
• Last Synced: 2024-05-11T07:44:33.120Z (9 months ago)
• Topics: demo, highlight-effects, leaflet, leaflet-plugins, marker, markers
• Language: JavaScript
• Homepage: https://brandonxiang.github.io/leaflet.marker.highlight/
• Size: 305 KB
• Stars: 63
• Watchers: 10
• Forks: 24
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# leaflet.marker.highlight

Highlight effects for L.marker.

## Demo

[DEMO](https://brandonxiang.github.io/leaflet.marker.highlight/)

## Installation

```javascript

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. 

```javascript

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

```

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

```javascript

marker1.enableTemporaryHighlight();

```

```javascript

marker1.disableTemporaryHighlight();

```

### Permanently Highlight

Highlight effects are always on.

```javascript

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

```

or

```javascript

marker1.enablePermanentHighlight();

```

Cancel the marker highlight effects by 

```javascript

marker1.disablePermanentHighlight();

```

## License

[MIT](LICENSE)

## Chinese Version

[README](README_CN.md)