高德地图api 地理编码(地址-->坐标)geocoder.getLocation在官方可以测试出结果,下载代码到本地却用不了 问题解决

问题

高德地图api 地理编码(地址-->坐标)功能,通过输入 地址信息 得到 经纬度信息。geocoder.getLocation在官方可以测试出结果,下载代码到本地却用不了。

官方示例测试,可以从地址得到坐标

下载官方代码本地运行却出不了结果

demo.html




    
    
    
    地理编码(地址->经纬度)
    
    


地址
经纬度

为了避免跨域问题,把html运行到服务器,

cmd命令行进入html文件所在目录,执行命令:

python -m http.server 9999

注意:python环境是python3

浏览器访问

http://localhost:9999/demo.html

 点击 地址->经纬度 按钮 没有转换成功,如下图:

解决

官方提示 2021年12月02日以后申请的key需要配合安全密钥一起使用。

官方文档:

JS API 安全密钥使用-基础-进阶教程-地图 JS API 2.0 | 高德地图API

高德地图api 地理编码(地址-->坐标)geocoder.getLocation在官方可以测试出结果,下载代码到本地却用不了 问题解决_第1张图片

添加密钥 具体代码如下:

高德地图api 地理编码(地址-->坐标)geocoder.getLocation在官方可以测试出结果,下载代码到本地却用不了 问题解决_第2张图片

注意:

1.安全密钥的script需要添加到key script之前。

2.这是明文使用密钥,不安全,生产环境应该通过代理服务器转发安全密钥。

高德地图api 地理编码(地址-->坐标)geocoder.getLocation在官方可以测试出结果,下载代码到本地却用不了 问题解决_第3张图片

添加安全密钥后,成功效果如下: 

完成!enjoy it!

你可能感兴趣的:(地图api,高德地图API,geocoder,getLocation)