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

在这里插入图片描述
缩放比例尺控件
添加插件: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>
发布了40 篇原创文章 · 获赞 0 · 访问量 761

猜你喜欢

转载自blog.csdn.net/qq_34634181/article/details/103056378