高德地圖已經實作實作靜態標注自定義icon。大批量標注,wgs84轉換。
現在的問題是怎么實作頁面拖曳圖示后,后面的實際經緯度也跟著改動。實作資料經緯度修改的功能。
var lnglats = [
[120.127561344765,29.907395940616,1,'001信用社邊-三叉路口']]
var markers = [];
for (var i = 0; i < lnglats.length; i++) {
var lnglat = lnglats[i];
var m2;
// 坐標轉換
function convertFrom(lnglat, type){
AMap.convertFrom(lnglat, type, function (status, result) {
if (result.info === 'ok') {
var resLnglat = result.locations[0];
m2 = new AMap.Marker({
position: resLnglat,
icon: './red.png',
});
map.add(m2);
// 設定標簽
m2.setLabel({
offset: new AMap.Pixel(0, 0), //設定文本標注偏移量
content: lnglat[2],
direction: 'center' //設定文本標注方位
});
m2.setTitle(lnglat[3]);
}
});
}
convertFrom(lnglat,'gps');
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/35383.html
標籤:HTML5
