直接上代码!!!

<!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>
        &nbsp;手动:<input id="startBtn" type="button" οnclick="startTool();" value="开启取点工具" />
    </p>

<p>
        &nbsp;搜索:<input type="input" name="addr"  id="addr" />
        <input type="button" οnclick="getBoundary()" value="搜索" />
    </p>

<hr>
    <p style="padding: 0 5px;">
        <span>经纬度:</span><input type="button" οnclick="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>

自己收藏的高德地图批量标点获取坐标工具相关推荐

  1. vue 高德地图点击获取坐标与地理位置

    <template><div class="coordinate"><div class="toolbar"><div ...

  2. 高德地图 点击获取坐标

    <link href="<?=Yii::getAlias('@resUrl/css/manage.css');?>" rel="stylesheet&q ...

  3. 通过腾讯地图、高德地图、百度地图开发接口获取坐标对应的周边相关信息

    通过腾讯地图.高德地图.百度地图开发接口获取坐标对应的周边相关信息 更新: 以前出于好意暴露了个人的KEY,现已被烂用.为不影响您的业务,请使用我的KEY的朋友去申请自己的KEY,我的KEY将在不久后 ...

  4. 高德地图 搜索店名获取经纬度

    有啥问题加QQ:3053916151 <!doctype html> <html lang="zh-CN"><head><meta cha ...

  5. 高德地图根据地址获取经纬度(JS)

    高德地图根据地址获取经纬度(JS) <script type="text/javascript" src="https://webapi.amap.com/maps ...

  6. 百度地图加载空白颜色_本地地图批量标点的html实现

    地图批量标点的实现方法有很多,也有很多网站支持直接Excel上传数据进行标点的.比如地图无忧等.但都是软收费的模式(要么有使用期限,要么有数量限制),后来在查找资料的过程中,发现了一个在本地可以实现地 ...

  7. 高德地图定位传值经纬度坐标为null,null

    高德地图定位传值经纬度坐标为null,null 因为传null导致切割字符串时崩溃,所以要加上非空判断 if (amapLocation.getLatitude() != 0 && a ...

  8. vue H5移动端项目使用高德地图定位/标点并点击导航跳第三方app且实现导航路线——实例

    一.最终效果 1.全量定位 2.获取当前位置定位 3.标点后回显选点的地址 4.点击导航,打开弹窗选择高德地图,会进入第三方app中显示路线 5.地图已经封装成一个组件(AMapComponents) ...

  9. 高德地图marker标点数据量太大造成卡顿的解决方案

    marker标点卡顿问题 问题说明 应用高德地图使用marker标点时,由于数据量大(>1000)就会造成页面卡顿,好几秒才能加载完成,并且页面也会卡顿 解决方案 使用官方提供的海量点MassM ...

最新文章

  1. 心累了,就笑一笑,学会爱自己
  2. UIRecorder入门
  3. ThreadLocal 变量和 与线程池配合使用时可能会出现的问题
  4. 解决wmv播放的问题
  5. Django中用Jquery实现不刷新页面进行身份验证和计算器功能
  6. 5可视化数据大屏模板_可视化大屏模板分享
  7. Windows Store 开发总结——文件操作
  8. 深入理解ES6之《迭代器与生成器》
  9. 传智播客 刘意_2015年Java基础视频-深入浅出精华版 笔记(day01~day10)(2015年11月17日20:47:22)...
  10. Deep manta算法解析
  11. 关于准系统,镭波,地球人等等其他牌子的机器介绍和外星人的比较
  12. python最小二乘法求a b_最小二乘法公式推导及Python实现
  13. rpm命令的使用与软件的安装
  14. 2017-06-15 前端日报
  15. calcite mysql_Apache Calcite 简介
  16. 【Insights直播】华为帐号服务,打造全场景安全帐号体系
  17. 劣质VGA线导致不支持非标准分辨率显示
  18. 优化篇-图片动态转图
  19. Vue:如何制作表格数据分页查询
  20. Oracle 计算表中的时间与当前时间差

热门文章

  1. 【议程揭晓】30+全球大数据创新应用案例亮相UBDC!
  2. 高尿酸痛风饮食红黑榜
  3. Java解惑:类之谜
  4. TokenInsight 对话首席——Facebook Libra背后共识算法第一作者首次中文平台深度访谈...
  5. 【一定能解决】虚拟机安装mac系统报错:客户机操作系统已禁用 CPU,请关闭或重置虚拟机
  6. PyTorch实现:经典网络 NiN
  7. fzu-神龙的难题 舞蹈链之可重复覆盖
  8. 最强旅游攻略 | 用Python分析国庆中秋最佳旅游景点 (文末福利)
  9. pinyin4j的基础使用
  10. 开源网站:代码搜索网站