百度Map 键盘控制右键菜单测距以及各个功能应用

最新推荐文章于 2022-07-06 08:48:49 发布

Mrzhangpan

最新推荐文章于 2022-07-06 08:48:49 发布

阅读量5.9k

点赞数

分类专栏：百度Map 文章标签：百度 function callback button json class

本文链接：https://blog.csdn.net/Mrzhangpan/article/details/6611432

版权

这篇博客演示了如何使用JavaScript和百度地图API实现地图的键盘控制、右键菜单功能，以及添加标尺工具进行测距。通过示例代码，展示了创建地图、设置地图事件、添加地图控件、标注点等功能，以便用户能够更好地互动和操作地图。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />   <!--这样做是为了让页面以正常比例进行显示并且禁止用户缩放页面的操作。-->
<title>Hello, World</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script>
</head>
<body>
<div style="width:1080px;height:600px;border:1px solid gray" id="container"></div>
<div style="position:absolute;left:1100px;top:5px" id="info"></div>
<div style="position:absolute;left:1100px;top:35px" id="results"></div>
<div style="position:absolute;left:1100px;top:320px"><br>
<input type="button" value="标尺" οnclick="myDis.open()" /><input type="button" value="关闭标尺" οnclick="myDis.close()" /><br />
<input type="button" value="拉框放大" οnclick="myDrag.open()" /><input type="button" value="关闭拉框" οnclick="myDrag.close()" />
</div>
</body> 
</html>

<s