高德坐标拾取器_坐标拾取器百度地图

高德坐标拾取器_坐标拾取器百度地图页面效果应用场景:你需要在一个弹窗中拾取一个高德的地址坐标。12345酸奶小妹的火星坐标672627282930坐标拾取工具(GCJ-02坐标)31说明:…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

页面效果

高德坐标拾取器_坐标拾取器百度地图

应用场景:你需要在一个弹窗中拾取一个高德的地址坐标。

 1 <!DOCTYPE html>  2 <html>  3 <head>  4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  5 <title>酸奶小妹的火星坐标</title>  6 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=YOUKEY"></script>  7 <style>  8  #iMap {  9  height: 500px;  10  width: 600px;  11  float: left;  12 }  13  .info {  14  float: left;  15  margin: 0 0 0 10px;  16 }  17  label {  18  width: 80px;  19  float: left;  20 }  21  .detail {  22  padding: 10px;  23  border: 1px solid #aaccaa;  24 }  25 </style>  26 </head>  27 <body onload="mapInit()">  28 <div id="iMap"></div>  29 <div class="info">  30 <h1>坐标拾取工具(GCJ-02坐标)</h1>  31 <p>说明:</p>  32 <p>1、鼠标滚轮可以缩放地图,拖动地图。</p>  33 <p>2、点击地图,即可获得GCJ-02的经纬度坐标,即火星坐标。</p>  34 </br>  35 <div class="detail">  36 <p>  37 <span id="lnglat">&nbsp;</span>  38 </p>  39 <p>  40 <span id="iAddress">&nbsp;</span>  41 </p>  42 </div>  43 </div>  44 </body>  45 <script language="javascript">  46 var mapObj;  47 var lnglatXY;  48 //初始化地图  49 function mapInit() {  50 var opt = {  51  level: 10, //设置地图缩放级别  52  center: new AMap.LngLat(116.397428, 39.90923) //设置地图中心点  53  }  54  mapObj = new AMap.Map("iMap", opt);  55  AMap.event.addListener(mapObj, 'click', getLnglat); //点击事件  56  }  57 function geocoder() {  58 var MGeocoder;  59 //加载地理编码插件  60  mapObj.plugin(["AMap.Geocoder"], function () {  61  MGeocoder = new AMap.Geocoder({  62  radius: 1000,  63  extensions: "all"  64  });  65 //返回地理编码结果  66  AMap.event.addListener(MGeocoder, "complete", geocoder_CallBack);  67 //逆地理编码  68  MGeocoder.getAddress(lnglatXY);  69  });  70 //加点  71 var marker = new AMap.Marker({  72  map: mapObj,  73  icon: new AMap.Icon({  74  image: " http://api.amap.com/Public/images/js/mark.png" ,  75  size: new AMap.Size(58, 30),  76  imageOffset: new AMap.Pixel(-32, -0)  77  }),  78  position: lnglatXY,  79  offset: new AMap.Pixel(-5, -30)  80  });  81 // mapObj.setFitView();  82  }  83 //回调函数  84 function geocoder_CallBack(data) {  85  console.log("ddd");  86 var address;  87 //返回地址描述  88  address = data.regeocode.formattedAddress;  89  console.log(address);  90 //返回结果拼接输出  91  document.getElementById("iAddress").innerHTML = address;  92  }  93 //鼠标点击,获取经纬度坐标  94 function getLnglat(e) {  95  mapObj.clearMap();  96 var x = e.lnglat.getLng();  97 var y = e.lnglat.getLat();  98  document.getElementById("lnglat").innerHTML = x + "," + y;  99  lnglatXY = new AMap.LngLat(x, y); 100  geocoder(); 101  } 102 </script> 103 </html>

供参考,谢谢

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/166835.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • clion永久激活码(在线激活)

    clion永久激活码(在线激活),https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • 多线程锁的升级原理是什么?

    多线程锁的升级原理是什么?多线程锁的升级原理是什么?锁的级别从低到高:无锁->偏向锁->轻量级锁->重量级锁锁分级别原因:没有优化以前,sychronized是重量级锁(悲观锁),使用wait和notify、notifyAll来切换线程状态非常消耗系统资源;线程的挂起和唤醒间隔很短暂,这样很浪费资源,影响性能。所以JVM对sychronized关键字进…

  • c# pdb文件_pdb文件是什么

    c# pdb文件_pdb文件是什么C++编译生成的pdb文件就是符号表。这些符号表,程序运行的时候没有用。但调试的时候有用,主要记录如下东西:全局变量 局部变量 函数名及其实体指针地址 帧指针表 源代码行数使用pdb文件进行调试,要和当前运行的程序一致。…

    2022年10月21日
  • svn 删除、移动和改名

    svn 删除、移动和改名

    2021年10月19日
  • restful接口定义_主板上的spi接口接什么

    restful接口定义_主板上的spi接口接什么由于在实际项目中碰到的restful服务,参数都以json为准。这里我获取的接口和传入的参数都是json字符串类型。发布restful服务可参照文章http://www.cnblogs.com/jav

  • 谷歌学术403异常处理「建议收藏」

    谷歌学术403异常处理「建议收藏」谷歌学术403异常处理解决方法解决方法百度了几个方法,下面的可以解决问题:首先要在Chrome上安装Ghelper插件在Ghelper上进行注册下载地址:地址下载之后安装方式:1.打开你的Chrome浏览器的更多工具>扩展程序页面.或者直接在网址输入:chrome://extensions/2.这个页面点击“添加已解压的扩展程序”,如果没有,在右边有一个“开发者模式”开关,要打开.3。选择本次下载包里的ghelper_source目录4.或者将下载包中的CRX文件

    2022年10月11日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号