百度地图在合适的视野显示所有标注

最新推荐文章于 2023-12-28 17:13:58 发布

邵天宇Soy

最新推荐文章于 2023-12-28 17:13:58 发布

阅读量2.1k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_35087256/article/details/77749519

版权

javascript 专栏收录该内容

84 篇文章 3 订阅

订阅专栏

效果如图所示：
这里写图片描述

1-getViewport()

var pointA = new BMap.Point(106.486654,29.490295);  // 创建点坐标A
var pointB = new BMap.Point(106.581515,29.615467);  // 创建点坐标B
var pointArr = [ pointA, pointB];//多个点的集合
var map = new BMap.Map("allmap");//创建地图
var v=map.getViewport(pointArr);//此类代表视野，不可实例化，通过对象字面量形式表示
map.centerAndZoom(v.center,v.zoom);//设置地图中心点和视野级别

2-setViewport()

var pointA = new BMap.Point(106.486654,29.490295);  // 创建点坐标A
var pointB = new BMap.Point(106.581515,29.615467);  // 创建点坐标B
var pointArr = [ pointA, pointB];//多个点的集合
var map = new BMap.Map("allmap");//创建地图
map.setViewport(pointArr);