博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
自定义百度地图全局搜索结果的信息窗口
阅读量:4091 次
发布时间:2019-05-25

本文共 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

你可能感兴趣的文章
【C#】如何实现一个迭代器
查看>>
【Unity】Destroy和DestroyImmediate的区别
查看>>
【Lua】Mac系统下配置SublimeText的Lua编译环境
查看>>
【C#】利用Conditional属性完成编译忽略
查看>>
【Unity】微信登录后将头像存为bytes,将bytes读取成sprite图片
查看>>
【Unity】使用GPS定位经纬度
查看>>
【UGUI/NGUI】一键换Text/Label字体
查看>>
【C#】身份证本地验证
查看>>
【Unity】坑爹的Bug
查看>>
【算法】求数组中某两个数的和为目标值
查看>>
如何高效学习动态规划?
查看>>
动态规划法(六)鸡蛋掉落问题(一)
查看>>
LeetCode 887.鸡蛋掉落(C++)
查看>>
Dijkstra‘s algorithm (C++)
查看>>
奇异值分解(SVD)的原理详解及推导
查看>>
算法数据结构 思维导图学习系列(1)- 数据结构 8种数据结构 数组(Array)链表(Linked List)队列(Queue)栈(Stack)树(Tree)散列表(Hash)堆(Heap)图
查看>>
求LCA最近公共祖先的离线Tarjan算法_C++
查看>>
Leetcode 834. 树中距离之和 C++
查看>>
【机器学习】机器学习系统SysML 阅读表
查看>>
最小费用最大流 修改的dijkstra + Ford-Fulksonff算法
查看>>