ITPub博客

首页 > IT职业 > IT图书 > JavaScript在高德地图如何通过自定义json数据实现多个自定义

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

IT图书 作者:ma_ti 时间:2021-09-09 10:17:36 0 删除 编辑

//模拟数据

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


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/93/viewspace-2819628/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: 服务器端口简介
请登录后发表评论 登录
全部评论

注册时间:2026-01-07

  • 博文量
    0
  • 访问量
    5433