看啥推荐读物
专栏名称: 前端大全
分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯
目录
今天看啥  ›  专栏  ›  前端大全

利用高德地图API实现实时天气

前端大全  · 公众号  · 前端  · 2024-04-24 12:00
作者: 快乐是Happyhttps://juejin.cn/post/7316746866040619035目录 登录 高德开放平台控制台,如果没有开发者账号,请 注册开发者。创建 key,进入应用管理,创建新应用,新应用中添加 key,服务平台选择 Web端(JS API)。获取 key 和密钥获取当前城市定位通过定位获取城市名称、区域编码,查询目标城市/区域的实时天气状况效果图 这里样式我就不做处理了,地图可以不用做展示,只需要拿到获取到天气的结果,结合自己的样式展示就可以了,未来天气可以结合echarts进行展示,页面效果更佳实现 登录高德开放平台控制台创建 key这里应用名称可以随便取(个人建议功能名称或者项目称)3.获取 key 和密钥4.获取当前城市定位首先,先安装依赖npm install @amap/amap-jsapi-loader --save或者pnpm add @amap/amap-jsapi-loader --save页面使用时引入即可      import AMapLoader from "@amap/ama ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照