高德地图获取经纬度并逆定位获取地理位置名称（原生）

最新推荐文章于 2024-03-13 11:03:58 发布

原创

最新推荐文章于 2024-03-13 11:03:58 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #json #前端 #jquery

本文介绍了如何在JavaScript中利用高德地图API进行经纬度获取及逆地理编码，解决Google浏览器HTTPS服务对定位的影响，提供官方示例和常见问题解答链接。

注册账号并申请key

高德开发平台

常见问题
温馨提示：Google浏览器调试过程中需要开启HTTPS服务，否则可能会出现一直定位失败的问题，详细解释参考官方详细说明
官方定位示例链接
 官方常见问题链接

以下代码引入了jquery

<!--引入高德地图定位能力-->
<script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.3&key=这里用你自己申请的key&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder"></script>

<!--引入jquery-->
<script type="text/javascript" src="plugin/jquery-3.4.1.min.js"></script>

var map, geolocation;
// 获取经纬度
function data() {
    console.log("自动获取定位")
    map = new AMap.Map('container');
    map.plugin('AMap.Geolocation', function