js添加多marker 高德地图_JavaScript在高德地图如何通过自定义json数据实现多个自定义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

var marker = new AMap.Marker({

position: lnglats[i].address,

map: map

});

markers.push(marker);

marker.content =  "

"+(lnglats[i].station_Name)+"


" +"运营商:"+"某某某公司
"+"开放时间:"+"0:00~24:00"+ "
站点信息:共"+(lnglats[i].station_Num)+"台桩"+" 点击详情... ";

marker.on('click', markerClick);

marker.emit('click', {target: marker});

}

主要弄清楚position: lnglats[i].address这一块传值结构就可以了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值