本文提供了一个基于HTML和高德地图API的地图经纬度描点工具代码，支持手动取点和地址搜索，能够显示和记录所选取点的经纬度信息。
直接上代码！！！
<!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">deng</script>
-->
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=9dff644dd853bd6eeebc598847b5683c&plugin=AMap.Autocomplete"></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.clearMap();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>
扫一扫
1016
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
