高德地图-缩放比例尺控件

最新推荐文章于 2023-12-19 16:11:18 发布

saiyi绒小花

最新推荐文章于 2023-12-19 16:11:18 发布

阅读量1.6k

点赞数 1

分类专栏：高德地图文章标签：高德地图缩放比例尺控件

本文链接：https://blog.csdn.net/qq_34634181/article/details/103056378

版权

高德地图专栏收录该内容

11 篇文章 1 订阅

订阅专栏

在这里插入图片描述
缩放比例尺控件
添加插件：plugin=AMap.scale,AMap.ToolBar;
AMap.scale
比例尺插件。位于地图右下角，用户可控制其显示与隐藏。
map.addControl(new AMap.scale());
AMap.ToolBar
地图操作工具条插件。可支持方向导航、位置定位、视野级别缩放、视野级别选择等操作。
map.addControl(new AMap.ToolBar());

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=34614f775ec9455cf2f9a5c7bb6acfa0&plugin=AMap.Scale,AMap.ToolBar"></script>
<style type="text/css">
		*{margin: 0;padding: 0;list-style: none;}
    	#container{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
</style>
    </head>
<body>
    <div id="container"></div> 
    <script type="text/javascript">
		var map = new AMap.Map('container',{
            zoom:11,
            center:[116.379391,39.861536]
        });
        map.addControl(new AMap.Scale());
        map.addControl(new AMap.ToolBar());
	</script>
</body>
</html>

saiyi绒小花

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
高德地图-缩放比例尺控件

缩放比例尺控件添加插件：plugin=AMap.scale,AMap.ToolBar;AMap.scale比例尺插件。位于地图右下角，用户可控制其显示与隐藏。map.addControl(new AMap.scale());AMap.ToolBar地图操作工具条插件。可支持方向导航、位置定位、视野级别缩放、视野级别选择等操作。map.addControl(new AMap.Tool...
复制链接

扫一扫