百度地图之根据地图上的点确定地图的放缩比例
2016-07-01 00:00
417 查看
摘要: 当然在这两点都存在的情况下,否则也可以以一个新的点为中心。根据需要自行修改。
第一:以当前坐标为中心 按一定比例显示(map.centerAndZoom(pointLocation, 5);根据设置后面的参数)
[code=language-javascript] var pointLocation = new BMap.Point(location.longitude, location.latitude); //创建点坐标 当前位置 map.centerAndZoom(pointLocation, 5); addMapControl();//向地图添加控件 var markerLocation = new BMap.Marker(pointLocation);//标注 map.addOverlay(markerLocation); //自定义覆盖物 var CircleLocation = new BMap.Circle(pointLocation, 600, { strokeColor: "blue", strokeWeight: 1, strokeOpacity: 0.5 }); map.addOverlay(CircleLocation);
第二:根据两点的位置来确定地图的放缩比例
[code=language-javascript]var pointLocation = new BMap.Point(location.longitude, location.latitude); // 创建点坐标 当前位置 var pointCustomer = new BMap.Point(customerLocation.longitude, customerLocation.latitude); // 创建点坐标 客户 var points = [pointLocation, pointCustomer]; var view = map.getViewport(eval(points)); var mapZoom = view.zoom; var centerPoint = view.center; map.centerAndZoom(centerPoint, mapZoom); addMapControl();//向地图添加控件 //标注 var markerLocation = new BMap.Marker(pointLocation); var markerCustomer = new BMap.Marker(pointCustomer); map.addOverlay(markerLocation); map.addOverlay(markerCustomer); markerCustomer.addEventListener("click", function () { //点击标注时触发事件 map.openInfoWindow(infoWindow, pointCustomer); }); //信息框 var infoWindow = new BMap.InfoWindow("地址:" + customerLocation.street, opts); map.openInfoWindow(infoWindow, pointCustomer); //自定义覆盖物 var circleCustomer = new BMap.Circle(pointCustomer, 40, { strokeColor: "red", strokeWeight: 1, strokeOpacity: 1 }); var CircleLocation = new BMap.Circle(pointLocation, 200, { strokeColor: "blue", strokeWeight: 1, strokeOpacity: 0.5 }); map.addOverlay(circleCustomer); map.addOverlay(CircleLocation);
相关文章推荐
- 修改Eclipse中web项目名称
- maven jetty 启动项目
- MYSQL数据库及字段命名规范
- mysql 1064错误
- const在c与c++中的不同地位
- 将html文件打包成apk
- 读《傅雷家书》乱摘2
- EAS BOS F7实现可选可填
- 漫谈C++:良好的编程习惯与编程要点【0】
- 服务器租用从兼容机到品牌机的转化
- OLAP的概念
- 26. Remove Duplicates from Sorted Array
- 27. Remove Element
- 28. Implement strStr()
- 29. Divide Two Integers
- 30. Substring with Concatenation of All Words
- swiper的基础教程(十二)
- JAVA学习笔记(3-2-函数与重载)
- phpStorm打开提示 failed to create JVM 的解决办法
- 单例模式的反序列化总结