<!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
百度Map 键盘控制 右键菜单 测距 以及各个功能应用
最新推荐文章于 2022-07-06 08:48:49 发布
这篇博客演示了如何使用JavaScript和百度地图API实现地图的键盘控制、右键菜单功能,以及添加标尺工具进行测距。通过示例代码,展示了创建地图、设置地图事件、添加地图控件、标注点等功能,以便用户能够更好地互动和操作地图。
摘要由CSDN通过智能技术生成