腾讯地图poi关键词检索,点击标注获取坐标位置等信息,无法自定义标注的解决方法
来源:互联网 发布:javlib最新域名2017 编辑:程序博客网 时间:2024/06/04 19:57
先说poi检索:
注意看一下上面标红的地方:map:map;
首先实例化一个map对象,然后调用searchservice类;
//定义map变量 调用 qq.maps.Map() 构造函数 获取地图显示容器 var map = new qq.maps.Map(document.getElementById("container"), { center: new qq.maps.LatLng(39.916527,116.397128), // 地图的中心地理坐标。 zoom:12 // 地图的中心地理坐标。 }); //弹出框 var infoWin = new qq.maps.InfoWindow({ map: map }); //调用Poi检索类。用于进行本地检索、周边检索等服务。 var searchService = new qq.maps.SearchService({ map : map, //检索成功的回调函数 complete: function(results) { //设置回调函数参数 var pois = results.detail.pois; var infoWin = new qq.maps.InfoWindow({ map: map }); var latlngBounds = new qq.maps.LatLngBounds(); for (var i = 0, l = pois.length; i < l; i++) { var poi = pois[i]; //扩展边界范围,用来包含搜索到的Poi点 latlngBounds.extend(poi.latLng); (function(n) { var marker = new qq.maps.Marker({ position:pois[n].latLng, map: map }); marker.setTitle(i + 1); markers.push(marker); qq.maps.event.addListener(marker, 'click', function() { infoWin.open(); infoWin.setContent('<div style="width:280px;height:100px;">' + 'POI的ID为:' + pois[n].id + ',POI的名称为:' + pois[n].name + ',POI的地址为:' + pois[n].address + ',POI的类型为:' + pois[n].type + '</div>'); infoWin.setPosition(pois[n].latLng); }); })(i); } //调整地图视野 map.fitBounds(latlngBounds); }, //若服务请求失败,则运行以下函数 error: function() { alert("出错了。"); } });
效果如下:下面再说一下,为什么代码里写了自定义标注,还是出现的是官方的标注
看一下官方文档:
//设置Poi检索服务,用于本地检索、周边检索 searchService = new qq.maps.SearchService({ //检索成功的回调函数 complete: function(results) { //设置回调函数参数 var pois = results.detail.pois; var infoWin = new qq.maps.InfoWindow({ map: map });。。。。。。。。。。
注意看一下上面标红的地方:map:map;
下面是没有加map自定义标注的效果:
阅读全文
0 0
- 腾讯地图poi关键词检索,点击标注获取坐标位置等信息,无法自定义标注的解决方法
- Android---百度地图点击标注点,获取标注点的信息
- 在腾讯地图上添加公众号门店的标注信息
- 百度地图拖动标注后获取坐标
- googlemap 高德地图mapabc 图吧 显示地图,标注一个或多个poi信息点,弹出气泡显示poi点的位置信息
- 地图API自定义标注点击跳转
- 腾讯地图标注公司
- 百度地图标注位置
- 添加自定义POI标注
- iOS开发之百度地图的简单集成——标注&POI检索
- ios 地图 自定义标注
- 腾讯地图实现多点标注
- 位置与地图(二)地图的使用以及标注地图
- 地图上标注带坐标的 点线面 文字文字信息
- 百度地图获取数据库坐标动态生成标注和折线
- 百度地图使用 自定义标注的图标
- 百度地图使用 自定义标注的图标
- 下载POI标注-信息点
- construc游戏之avg
- 【SpringMVC】指明actions的后缀
- 多数组取交集(PHP)
- c#使用office word excel dsoframerocx
- Python设计模式--建造者模式
- 腾讯地图poi关键词检索,点击标注获取坐标位置等信息,无法自定义标注的解决方法
- 用Skyline二次开发接口创建Message弹框
- bash, sh, dash 傻傻分不清楚
- virtualbox 虚拟机 win7和linux ping不通的解决方法
- java8简单日期时间工具类
- 【jvm实战】IDEA运行速度调优
- 677. Map Sum Pairs
- 游标的定义、显示游标、隐式游标语法
- python---urllib2使用代理