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

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 @   鼓舞飞扬  阅读(123)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
历史上的今天:
2023-04-11 el-table在flex布局下宽度不能自适应的解决方法
点击右上角即可分享
微信分享提示