【目标】实现通过ajax动态获取数据后在地图上标注多个marker加载信息窗体,如下图所示:点击marker弹出相应信息窗体(InfoWindow)

【实现代码】
①定义全局marker,及一个infoWindow:
var marker,infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(0, -30)});
②写一个marker点击事件的方法:
function markerClick(e) {
//console.log(e);
//var content=e.target.content;
//var str=content.split("<");
//var client=str[0].trim();
infoWindow.setContent(e.target.content);
infoWindow.open(map, e.target.getPosition());
}
③如何在Ajax获取数据后动态加载marker和infoWindow?
Ajax('post', config.requertUrl+"m="+config.getAdd, sendData, function(data){
map.clearMap();
isLoading=false;
var jsonObj=JSON

本文介绍如何使用Ajax动态获取数据并在地图上标注多个marker,实现点击marker弹出相应信息窗体的功能。核心步骤包括定义全局marker和infoWindow,编写marker点击事件,以及在Ajax获取数据后动态加载marker和infoWindow。
最低0.47元/天 解锁文章
906

被折叠的 条评论
为什么被折叠?



