高德地图获取经纬度

最新推荐文章于 2024-03-28 22:46:17 发布
原创 最新推荐文章于 2024-03-28 22:46:17 发布 · 5.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了在开放平台获取坐标的方法，先找到开放平台，在开发支持中选择坐标拾取器，即可得到坐标获取结果。

找到下方的开放平台 

在开发支持中 选择坐标拾取器

下面是坐标获取结果

vue3 项目通过高德地图获取经纬度，通过经纬度地图定位
qq_46531791的博客
08-21 1134
【代码】vue3 项目通过高德地图获取经纬度，通过经纬度地图定位。
通过高德地图获取 经纬度 以及地理位置等
afufufufu的博客
08-02 3150
配置 官方：链接: https://lbs.amap.com/api/android-location-sdk/gettingstarted. 首先给GPS权限检查 如上文链接: https://blog.youkuaiyun.com/afufufufu/article/details/119326444?spm=1001.2014.3001.5501. 配置完后 高德地图 获取定位 private fun gaode() { //初始化AMapLocationClientOption对象
高德地图坐标拾取器
02-05
高德地图坐标拾取器，可以批量生成点击地图产生的经纬度坐标。
高德地图——输入经纬度查找
04-12
NULL 博文链接：https://glc.iteye.com/blog/1706698
如何准确获取地点位置的经纬度？（高德）
qq_47902937的博客
03-05 1万+
使用高德地图api的坐标拾取器 地址：https://lbs.amap.com/tools/picker。在高德地图搜索选择地址 高德网址：https://www.amap.com/搜索想要的位置地址例如我搜索的是成都市金牛区。按下回车键就可以看见经纬度了。复制去新的浏览器网页。
高德地图经纬度拾取
wwyxjjz的博客
05-20 5331
地址： https://lbs.amap.com/tools/picker 作者：微微一笑绝绝子出处：https://www.cnblogs.com/wwyxjjz/p/16291314.html本博客文章均为作者原创，转载请注明作者和原文链接。 ...
Java实现根据地址调用高德地图获取经纬度等信息
12-21
最近在做一个车辆调度的应用系统，需要根据车辆和站点的位置做相应的规划，因此要调用第三方的地图接口来获取经纬度等信息。这里，我选择的是高德平台，下面是一个从注册到简单使用的例子，可供大家学习参考，更深入...
H5页面通过JS API获取高德地图定位/经纬度
12-11
在页面中嵌入定位代码后，高德地图的JavaScript API将能够返回当前位置的经纬度信息，一般情况下定位的准确率非常高，可达到95%。然而，值得注意的是，该定位服务在谷歌浏览器中无法正常工作，可能是因为浏览器兼容...
高德地图经纬查询
qq_40419877的博客
10-12 577
package com.example.ditu; import android.location.Location; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.widget.Toast; import com.amap.api.maps.AMap; imp
高德地图拾取经纬度 + 搜索 + 标记
weixin_44944193的博客
07-24 1万+
代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>坐标</title> <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=0250860ccb
高德坐标拾取器
weixin_34336526的博客
06-18 3060
页面效果 应用场景：你需要在一个弹窗中拾取一个高德的地址坐标。 1 &lt;!DOCTYPE html&gt; 2 &lt;html&gt; 3 &lt;head&gt; 4 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; 5 &lt;titl
高德地图 经纬度查询位置
java_study_的博客
04-26 5593
高德地图经纬度查位置 以及优化
高德地图获取经纬度坐标
热门推荐
ycs_0405的专栏
03-20 2万+
高德地图获取经纬度坐： https://lbs.amap.com/console/show/picker
高德地图和百度地图获取当前位置经纬度
weixin_30505225的博客
12-17 953
高德 导入高德js mapObj = new AMap.Map('iCenter'); mapObj.plugin('AMap.Geolocation', function () { geolocation = new AMap.Geolocation({ enableHighAccuracy: true,//是否使用高精度定位，默认:true ti...
高德地图通过经纬度获取位置信息
yushun的博客
04-07 6396
高德地图通过经纬度获取位置信息
高德地图怎么获取用户当前的经纬度
2403_83968823的博客
03-28 300
精准定位一直报错，粗糙定位误差太大。
如何查询出指定地点对应的经纬度（高德地图）
qq_43787947的博客
07-27 1万+
目标 查询出指定指定的经纬度，或者根据经纬度查询出地点名称。 解决方案 https://lbs.amap.com/console/show/picker
vue使用高德地图获取经纬度
最新发布
09-02
在Vue中使用高德地图获取经纬度，有两种常见的方法：封装公用方法动态引入高德地图获取经纬度和在`data()`方法中定义数据变量获取经纬度。 ### 封装公用方法动态引入高德地图获取经纬度 在`utils`文件夹里新建`getLocation.js`，封装获取经纬度的公用方法，通过动态CDN引入高德地图以优化加载速度。若需求是在获取当前经纬度数据后请求一些数据，需搭配`Promise`使用，以保证获取到经纬度信息。示例代码如下： ```javascript function loadSDK() { if (window.AMap) return; return new Promise((resolve, reject) => { const script = document.createElement('script'); script.src = 'http://webapi.amap.com/maps?v=1.4.6&key=*****************'; //***为申请的高德key document.head.appendChild(script); script.onload = resolve; script.onerror = reject; }); } export default async () => { await loadSDK(); return new Promise((resolve) => { // eslint-disable-next-line no-undef AMap.plugin('AMap.Geolocation', () => { // eslint-disable-next-line no-undef const geolocation = new AMap.Geolocation({ enableHighAccuracy: false }); geolocation.getCurrentPosition((status, result) => { const res = status === 'complete' ? result.position : { lat: 39.909187, lng: 116.397451 }; //默认北京 116.397451、39.909187 console.log('定位结果', res); resolve(res); }); }); }); }; ``` 使用该封装方法时，可在Vue组件中导入并调用： ```javascript import getLocation from '@/utils/getLocation'; export default { async mounted() { const location = await getLocation(); console.log('当前经纬度', location); } }; ``` ### 在`data()`方法中定义数据变量获取经纬度 在`data()`方法中定义数据变量，通过高德地图API获取经纬度。示例代码如下： ```javascript export default { data() { return { // 存放获取到的经度 longitude: "", // 存放获取到的纬度 latitude: "", // 存放获取到的详细地址 detailedAddress: "", // 存放需要查询的地址 address: "", // 高德地图 API Key (秘钥) apikey: "d0a6d2fc229e376f6bb20d976b4033ef", // 确保这里填写正确的高德地图 API Key // 存放查询到的经度 lng: "", // 存放查询到的纬度 lat: "", // 存放查询到的地址 location: "", // 地图对象,创建地图实例 map: null, // 设置地图弹窗是否可见 dialogVisible: false }; }, mounted() { // 可以在这里编写获取经纬度的逻辑 } }; ``` ### 直接引入高德地图脚本获取经纬度 在Vue项目的HTML文件中直接引入高德地图脚本，然后在Vue组件中使用API获取经纬度。示例代码如下： ```html <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.4&key=your key"></script> //key找个适合例如：160cab8ad6c50752175d76e61ef92c50 ``` 在Vue组件中使用： ```javascript export default { mounted() { if (window.AMap) { AMap.plugin('AMap.Geolocation', () => { const geolocation = new AMap.Geolocation({ enableHighAccuracy: false }); geolocation.getCurrentPosition((status, result) => { if (status === 'complete') { const { lat, lng } = result.position; console.log('当前经纬度', { lat, lng }); } }); }); } } }; ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值