本文共 1073 字,大约阅读时间需要 3 分钟。
如图所示,直接调用百度地图的全局搜索方法,默认返回结果为图1所示:
图1
但是搜索结果的标注点所对应的信息窗口样式比较单调,且不满足业务需要,因此通过官方API提供的方法来修改标注点对应的信息窗口的样式:
将用到LocalSearch类的回调函数,如图2所示:
图2
//为搜索结果的标注点添加事件Var local = new BMap.LocalSearch(map, {renderOptions:{map: map,selectFirstResult:false},//自定义marker事件 onMarkersSet:function(pois){ for(var i=0;i"; content+=" 地址:"+curPoi.address+""; content+=' '; curMarker.addEventListener('click',function(event){ //showAtrributes(event); var info=new BMap.InfoWindow(content); curMarker.openInfoWindow(info); var position=curMarker.getPosition(); // document.getElementById("mapx").innerHTML="拖拽后中心x位置:"+position.lng; // document.getElementById("mapy").innerHTML="拖拽后中心y位置:"+position.lat; //document.getElementById("level").innerHTML="缩放等级:"+this.getZoom(); }); })(); } }});}
结果如图3
图3