前言:習慣了使用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...