栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/246500.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号