根据覆盖物范围调整视野-高德地图

https://lbs.amap.com/api/javascript-api-v2/guide/map/state

 1 //创建一条折线覆盖物
 2 var path = [
 3   new AMap.LngLat("116.368904", "39.913423"),
 4   new AMap.LngLat("116.382122", "39.901176"),
 5   new AMap.LngLat("116.387271", "39.912501"),
 6   new AMap.LngLat("116.398258", "39.904600"),
 7 ];
 8 var polyline = new AMap.Polyline({
 9   path: path,
10   borderWeight: 2, //线条宽度,默认为1
11   strokeColor: "red", //线条颜色
12   lineJoin: "round", //折线拐点连接处样式
13 });
14 map.add(polyline);
15 
16 //创建两个点标记
17 var marker1 = new AMap.Marker({
18   position: new AMap.LngLat(117.39, 39.9), //经纬度对象
19 });
20 var marker2 = new AMap.Marker({
21   position: new AMap.LngLat(118.39, 39.9), 
22 });
23 map.add(marker1);
24 map.add(marker2);
25 
26 //自动适配到合适视野范围
27 //无参数,默认包括所有覆盖物的情况
28 map.setFitView();
29 //传入覆盖物数组,仅包括 polyline 和 marker1 在地图视野范围,marker2 不在地图视野范围
30 map.setFitView([polyline, marker1]); //简写
31 //map.setFitView([polyline, marker1], false, [60, 60, 60, 60], 12); //完整写法

https://l7.antv.antgroup.com/api/scene

fitBounds

 

posted @ 2024-04-11 14:10  鼓舞飞扬  阅读(26)  评论(0编辑  收藏  举报