高德地图API之缩放比例尺控件+3D转换

高德地图API之缩放比例尺控件+3D转换,第1张

概述缩放比例尺控件 首先引入控件 AMap.Scale <script type="text/javascript" src="https://webapi.amap.

缩放比例尺控件

首先引入控件 AMap.Scale

<script type="text/JavaScript" src="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Scale"></script> 

然后使用 map.addControl() 添加控件

<!DOCTYPE HTML>HTML lang="en"head>    Meta charset="UTF-8"Title>map</>     style>        *{margin:0;paddingList-style none}        #container wIDth100% height 100%topleftposition absolute; }      bodydiv ID="container"div>     >        var map=new AMap.Map("container,{            zoom:11121.5497920000000229.868388]        });                //添加控件-比例尺控件        map.addControl( AMap.Scale());    >    HTML>

 

 可以看到下面多了比例尺工具

 

添加工具条 Toolbar,同理

="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Scale,AMap.Toolbar" AMap.Scale());        添加控件-工具条控件 AMap.Toolbar());    >

 

 

3D转换

="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a"],pitch:90设置倾斜角度            viewmode:3D默认2D            buildingAnimation:true建筑出现的动画        });            >

 

 

添加控制条手动切换2D/3D

首先引入控制条

="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Controlbar"> 
        });           添加控件 AMap.Controlbar({            showZoombar:调整zoom            showControlbutton:是否有倾斜旋转角度的功能,默认是true            position:{                right:50px30px            },1)">调整控件位置        }));      >

 

总结

以上是内存溢出为你收集整理的高德地图API之缩放比例尺控件+3D转换全部内容,希望文章能够帮你解决高德地图API之缩放比例尺控件+3D转换所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1026727.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存