百度地图API经纬度描点工具
本工具利用百度地图API v2.0，提供手动选取地图上的点并获取其经纬度的功能，同时支持通过地址搜索获取边界信息。页面包含取点工具按钮、地址输入框及搜索按钮，用于展示点位信息的文本区域和清除所有点位的按钮。
直接上代码！！！
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>地图经纬度描点工具</title>
<!--
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=QwQyZcHpWnW48sSnqmVqtRAc"></script>
</head>
<body>
<div style="width:80%;height:650px;border:1px solid gray" id="container"></div>
<div style="right:10px;top:8px;position: absolute;width:18%; height: 650px;border:1px solid gray">
<p>
手动：<input id="startBtn" type="button" onclick="startTool();" value="开启取点工具" />
</p>
<p>
搜索：<input type="input" name="addr" id="addr" />
<input type="button" onclick="getBoundary()" value="搜索" />
</p>
<hr>
<p style="padding: 0 5px;">
<span>经纬度：</span><input type="button" onclick="map.clearOverlays();document.getElementById('info').innerHTML = '';points=[];" value="清除" />
<textarea id="info" style="width:94%;margin:2px;max-height: 980px;min-height: 440px;overflow-y:scroll;" readonly="readonly"></textarea>
</p>
</div>
</body>
</html>
扫一扫
8151
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
