Leaflet擴充套件Marker

2021-09-26 22:44:40 字數 1009 閱讀 3934

前言:習慣了使用arcgis js api,它裡面的graphic和graphicslayer很方便,其中

graphic = geometry+symbol+attribute+infotemplate,往地圖上新增帶屬性資訊graphic,在單擊graphic的時候可以「取出」

之前存在graphic裡的屬性資訊。最近使用leaflet作為開發技術,我並沒有在leaflet裡找到和arcgis的graphic類似的機制,不過

可以使用 leaflet 的類擴充套件機制增加屬性資訊。該筆記 以marker為例,擴充套件marker使其像arcgis js api的graphic類似,帶有自

定義的屬性資訊。。。

1、建立自定義類 l.markerex

l.markerex = l.marker.extend(,

setattr(options),

getattr()

});

2、建立l.markerex類對應的函式l.markerex(類名首字母大寫,方法名首字母小寫)

l.markerex=function(latlon)
3、 驗證 自定義的擴充套件自l.marker的類l.markerex

//建立 l.markerex類物件,新增到map

var marker = l.markerex(l.latlng(-37.82, 175.24)).addto(map);

// 給marker新增屬性資訊

marker.setattr();

//單擊marker,輸出自定義的屬性資訊

leaflet常用外掛程式

leafletjs地圖框架,在地圖這塊功能還是強大,而且支援外掛程式擴充套件和自定義開發。雖然leafletjs原始碼很小,功能精簡,但是框架優勢在於,外掛程式自定義開發和擴充套件這部分設計,而且開源。現在發現只要專案用得到的,在leaflet外掛程式中都可找到應用或者類似應用,給開發帶來很大方便。...

leaflet之輪子廠

1 常用地圖切換載入 osm google baidu gaode tianditu.etc 2 切片地圖載入 wmts 支援向量切片 3 wms地圖服務載入 4 視窗範圍框定 只容許檢視和編輯給定範圍地圖 5 地圖要素顯示比例尺控制 不同比例尺要素渲染 根據螢幕座標控制 非常重要,常用 6 捲簾對...

leaflet 常用方法總結

目錄 1 使用geojson建立向量圖形 2 監控leaflet地圖的放大縮小事件 zoomend 3 polyline 同時生成多條線的兩種方式以及清楚 該文章是將在使用leaflet時對我有幫助的文章放在一起,以及對我自己在專案中常用的場景進行總結,方便下次快速查詢 leaflet文件 點 fu...