leaflet 常用方法總結

目錄

1、使用geojson建立向量圖形

2、監控leaflet地圖的放大縮小事件 zoomend

3、polyline 同時生成多條線的兩種方式以及清楚

該文章是將在使用leaflet時對我有幫助的文章放在一起，以及對我自己在專案中常用的場景進行總結，方便下次快速查詢

leaflet文件

// 點

function g(feature, layer) 

}var geojsonfeature = ,
"geometry": 
};l.geojson(geojsonfeature, ).addto(map);

var draw_line = ,

"properties": ,
"id": 2
};//繫結事件
function f(feature, layer) 
//增加到地圖
var ss = l.geojson(draw_line, ,
oneachfeature: f
}).addto(map);

var states = [,

"geometry": 
}, ,
"geometry": 
}];l.geojson(states, ;
case 'democrat': return ;}}
}).addto(map);

let iszoom = false

this.map.on("zoomend", e => else 
iszoom = true}})

addsubmarines1())

latlons.push(latlon)
// this.map.fitbounds(this.submarinesline.getbounds()); 是將地圖定位到線附近
});this.submarinesline = l.polyline(latlons, )
.addto(this.map);
},

清除線的方式：this.map.removelayer(this.submarinesline)

2、生成線的樣式不統一，此時需要借助於l.layergroup(主要是為了方便清除地圖上的線)

初始化時，建立圖層組

this.map = l.map('map', ).setview(this.mapcenter, this.mapzoom);

const url = '';
l.tilelayer(url, {}).addto(this.map);
// 下面的時關鍵**
this.submarineslayers = l.layergroup();
this.map.addlayer(this.submarineslayers);

addsubmarines())

submarinesline = l.polyline(latlon, )
this.submarineslayers.addlayer(submarinesline)
});},

leaflet常用外掛程式

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

mysql方法總結 Mysql常用方法總結

ascii str 返回字串str的最左面字元的ascii 值。如果str是空字串，返回0。如果str是null，返回null。ord str 如果字串str最左面字元是乙個多位元組字元，通過以格式 first byte ascii code 256 second byte ascii code 2...

Java常用方法總結

第一章 字串 1 獲取字串的長度 length 2 判斷字串的字首或字尾與已知字串是否相同 字首startswith string s 字尾endswith string s 3 比較兩個字串 equals string s 4 把字串轉化為相應的數值 int型 integer.parseint 字...