JavaScript在高德地圖如何通過自定義json數(shù)據(jù)實(shí)現(xiàn)多個(gè)自定義marker
//模拟数据
var lng = "[{station_Id:'1',station_Name:'合康变频充电站',station_Num:60,address:[116.368904,39.923423]},{station_Id:'2',station_Name:'中润通充电站',station_Num:30,address:[116.398258,39.914600]},{station_Id:'3',station_Name:'家乐福充电站',station_Num:23,address:[116.3982348,39.914500]},{station_Id:'4',station_Name:'嘉捷充电站',station_Num:12,address:[116.398658,39.914900]},{station_Id:'5',station_Name:'合康飞飞充电站',station_Num:18,address:[116.468904,39.823423]}]";
var lnglats = eval(lng);
//遍历自定义marker数据
for (var i = 0 , marker;i<lnglats.length;i++) {
var marker = new AMap.Marker({
position: lnglats[i].address,
map: map
});
markers.push(marker);
marker.content = "<h3>"+(lnglats[i].station_Name)+"</h3><br/>" +"运营商:"+"某某某公司<br/>"+"开放时间:"+"0:00~24:00"+ "<br/>站点信息:共"+(lnglats[i].station_Num)+"台桩"+"<br/><a href='#' id='content' onClick='show();'>点击详情...<a>";
marker.on('click', markerClick);
marker.emit('click', {target: marker});
}
主要弄清楚position: lnglats[i].address这一块传值结构就可以了。
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章