百度地图JavaScript API v3.0——二、地图控件示例

最新推荐文章于 2023-02-14 03:00:00 发布

大亭子

最新推荐文章于 2023-02-14 03:00:00 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/u010465757/article/details/80191479

版权

添加/删除工具条、比例尺控件

<input type="button" οnclick="add_control();" value="添加" />
<input type="button" οnclick="delete_control();" value="删除" />

<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");
	map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

        var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
	var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
//右上角，仅包含平移和缩放按钮
	var top_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); 
	/*缩放控件type有四种类型:
	BMAP_NAVIGATION_CONTROL_SMALL：仅包含平移和缩放按钮；BMAP_NAVIGATION_CONTROL_PAN:仅包含平移按钮；BMAP_NAVIGATION_CONTROL_ZOOM：仅包含缩放按钮*/
	
	//添加控件和比例尺
	function add_control(){
		map.addControl