百度地图多点聚合(标注与信息窗口)最佳视野
来源:互联网 发布:网络问政的特点 编辑:程序博客网 时间:2024/06/05 23:08
根据数据的经纬度,在百度地图上标注坐标点,并且有数据的列表,通过点击列表在对应的百度地图上进行标注点的信息提示。效果图如下:
实现代码:
var map = new BMap.Map("map");var marker = new Array();var text = new Array();map.centerAndZoom(new BMap.Point(116.404, 39.915), 16);function addMarker(point,abc,content){ marker[abc] = new BMap.Marker(point); map.addOverlay(marker[abc]); var label = new BMap.Label(abc,{"offset":new BMap.Size(5,2)}); label.setStyle({ color : "white",border : "none",background : "none"}); marker[abc].setLabel(label); text[abc] = content; var infoWindow = new BMap.InfoWindow(text[abc],{enableMessage:false}); marker[abc].addEventListener("click", function(){this.openInfoWindow(infoWindow);});}function clickMarker(abc){ var infoWindow = new BMap.InfoWindow(text[abc],{enableMessage:false}); marker[abc].openInfoWindow(infoWindow);}$(document).ready(function(){ var points = new Array(); var i = 0; <?php $i = 0; if(!empty($lists)): $abc = 'A'; foreach($lists as $v): if($session): $content = '<div style="margin:0;line-height:20px;padding:2px;"><h3>'.$v['sp_name'].'</h3>地址:'.$v['address'].'<br/>电话:'.$v['phone'].'</div>'; else: $content = '<div style="margin:0;line-height:20px;padding:2px;"><h3>'.$v['sp_name'].'</h3>地址:'.$v['address'].'</div>'; endif; ?> var point = new BMap.Point("<?php echo $v['lng_baidu'];?>","<?php echo $v['lat_baidu'];?>"); points[i] = point; addMarker(point,'<?php echo $abc;?>','<?php echo $content;?>'); i++; <?php $abc++; endforeach; endif; ?> if( points != '' ) { map.centerAndZoom(points[5], 16); map.setViewport(points); } map.addControl(new BMap.NavigationControl());});
阅读全文
0 0
- 百度地图多点聚合(标注与信息窗口)最佳视野
- 百度地图API:如何查询数自己的数据库标注地图并让标注显示在最佳视野内
- 百度地图API:如何查询数自己的数据库标注地图并让标注显示在最佳视野内
- 百度地图API:如何查询数自己的数据库标注地图并让标注显示在最佳视野内
- 百度地图API ajax异步获取数据库信息 页面显示多点标注和标注框
- 百度地图之调用javaScript api接口实现多点标注及显示提示信息
- 百度地图之标注物聚合
- 百度地图JS使所有标注都在视野范围内
- 百度地图在合适的视野显示所有标注
- 百度地图循环添加标注,并循环为标注添加信息窗口问题解决
- 如何利用【百度地图API】,制作房产酒店地图?(上)——制作自定义标注和自定义信息窗口
- 创建百度地图,设置地图缩放,设置标注,添加信息窗口
- 【高德地图API】从零开始学高德JS API(三)覆盖物——标注|折线|多边形|信息窗口|聚合marker|麻点图|图片覆盖物
- 百度地图的覆盖物自定义(二)--点击标注物弹出完全自定义的信息提示窗口(不继承百度提供的Infowindow)
- 腾讯地图实现多点标注
- 酸奶小妹 奔波于七层楼隔三差五送酸奶的小姑娘正在努力学习百度地图API 如何利用【百度地图API】,制作房产酒店地图?(上)——制作自定义标注和自定义信息窗口
- 百度地图 聚合(MarkerClusterer )
- 百度地图多点定位
- 称不上项目的小程序2:停车场
- webservice发布地址和项目冲突问题(url拦截冲突)
- 为什么这个函数的返回值是-1, 浪费我10-20分钟? ------小心宏中return
- c++ vector用法
- android 怎么将activity 退出的动画效果关闭
- 百度地图多点聚合(标注与信息窗口)最佳视野
- JS编程-寻找字符串中出现最多的字符以及重复次数
- 2017/8/5训练日记(最短路径算法之Dijkstra算法和Bellman-Ford算法)
- 事务管理之事务的基本概念总览
- HDUOJ {A}+{B}
- POJ 2968 The Pilots Brothers' refrigerator(DFS)
- HDU4876(深搜+剪枝+全排列)
- mybatis级联映射
- 【react】利用shouldComponentUpdate钩子函数优化react性能以及引入immutable库的必要性