Leaflet 筆記八：marker高亮顯示
這個plugin主要是為了方便實現(xiàn)marker的高亮顯示。
安裝
該庫已經發(fā)布到npmjs上，所以安裝非常簡單。
npm install leaflet.marker.highlight --save
原理
突出marker的原理非常簡單，在marker附近突出動態(tài)顯示放大的圓形。只需將一個新的div插入到marker的底下，用css3實現(xiàn)marker的高亮特效。
整個使用的過程分為兩種情況，一種是臨時高亮顯示，另一種是永久高亮顯示。臨時高亮即是當你鼠標移到marker附近才出現(xiàn)高亮，永久高亮就是你鼠標不需要與marker交互，它也能完成高亮顯示。
臨時高亮顯示
在鼠標移動到marker上時顯示。在初始化時，可以針對某個該marker設置highlight的屬性。
var marker1 = L.marker([51.5, -0.09], {highlight: 'temporary'}).addTo(map);
使用方法
使用enableTemporaryHighlight設置打開針對某個marker臨時高亮，使用disbaleTemporaryHighlight設置取消臨時高亮。
marker1.enableTemporaryHighlight();
marker1.disableTemporaryHighlight();
永久高亮顯示
在初始化時，固定顯示marker的位置，設置highlight的屬性。
var marker1 = L.marker([51.5, -0.09], {highlight: 'permanent'}).addTo(map);
使用方法
或者你也可以不在初始化的情況下設置，通過enablePermanentHighlight去設置其永久高亮特效，或者通過disablePermanentHighlight去取消高亮特效。
marker1.enableTemporaryHighlight();
marker1.disableTemporaryHighlight();
例子
License
License MIT，歡迎來fork和contribute。
轉載，請表明出處。總目錄Awesome GIS
