使用高德地图获取当地的天气温度等数据

这篇博客介绍了如何在Vue.js项目中使用高德地图API获取本地天气和温度数据。首先,需要在高德地图平台创建应用并获取API密钥和key值,然后将这些信息填入Vue项目的index.html文件。接着,在需要获取数据的页面中编写代码,实现从API获取并输出天气数据。
摘要由CSDN通过智能技术生成

使用高德提供的api接口,获取所在地的温度,天气等数据。

1.通过高德地图创建应用,获取密钥以及key值

        (1)登录高德地图后点击创建新应用

       

(输入要创建的应用名称和选择类型)

        (2)点击添加,填写相关的信息,获得赋予的key以及安全密钥等信息

 

        (根据创建的应用类型填写即可)

随后便会得到创建应用的key值以及安全密钥,将获取的值在vue项目中public目录下的index.html页面进行填写

<script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode:'「您申请的安全密钥」',
        }
</script>
<script src = 'https://webapi.amap.com/maps?v=2.0&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值