为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript在高德地图如何通过自定义json数据实现多个自定义marker

标签:
JavaScript

//模拟数据

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这一块传值结构就可以了。


点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消