微信小程序引入高德地图Demo 快速上手

9月前作者：YYLA1 分类：Toy博客阅读(74) 违法举报

这篇具有很好参考价值的文章主要介绍了微信小程序引入高德地图Demo 快速上手。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前言

本文参照官方文档进行编写
最后引入官方实例
最终效果

一、获取高德key

注册账号
https://lbs.amap.com/?ref=http%3A%2F%2Flbs.amap.com%2Fdev%2F#/

获取Key教程
https://lbs.amap.com/api/wx/guide/create-project/get-key/

二、引入官方实例

访问网址
https://github.com/amap-demo/wx-regeo-poiaround-weather
下载微信小程序实例

用微信开发者工具打开
打开libs文件夹下的config.js修改Key
微信小程序引入高德地图Demo 快速上手

接着编译运行
微信小程序引入高德地图Demo 快速上手
具体需要的功能自己拿取

总结

微信小程序引入高德地图Demo 快速上手文章来源地址https://www.toymoban.com/news/detail-508032.html

到了这里，关于微信小程序引入高德地图Demo 快速上手的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

微信小程序腾讯地图定位转高德地图定位

微信小程序获取到了当前用户的定位，需要在高德地图上进行渲染。发现正常渲染后，偏差几百米。这里图方便，直接丢到window上了这里演示“腾讯地图”转“高德地图”

2024年01月25日
浏览(89)
微信小程序使用高德地图获取当前定位

1.在腾讯地图官网注册一个key（创建一个应用会自动生成一个key,详细步骤如图）腾讯位置服务 - 立足生态，连接未来注意点：开通webserviceAPI服务：控制台 -应用管理 - 我的应用 -添加key- 勾选WebServiceAPI - 保存 (小程序SDK需要用到webserviceAPI的部分服务，所以使用该功能的KEY需

2024年02月06日
浏览(57)
微信小程序---- 外卖小程序查看实时地图路线（骑手端&用户端）【高德地图】

前言：1. 在小程序中需要使用map组件，文档链接：https://developers.weixin.qq.com/miniprogram/dev/component/map.html 2.使用的是高德地图，所以需要引进相关的js，下载链接：https://lbs.amap.com/api/wx/download 3.去往高德官方申请需要用的key,操作链接：https://lbs.amap.com/api/wx/guide/create-project/get-key

2024年02月16日
浏览(56)
【微信小程序】微信小程序集成高德卫星地图完成多边形绘制与截图保存

目录功能需求使用的技术点注意点实现步骤代码微信小程序-地图所在的wxml 微信小程序-地图所在的js 微信小程序-展示截图结果的wxml 微信小程序-展示截图结果的js H5-地图所在的html 完成效果参考文档感谢阅读，欢迎讨论打开页面展示卫星地图，用户自行在地图上绘制

2024年02月06日
浏览(195)
uni微信小程序跳入外链（以高德地图为例）

前瞻：vue项目在跳转外部链接时一般使用：window.open 或者 href 都离不开window这一属性，但总所周知微信小程序并不存在 window这一属性，所以在这个时候我们需要加以变通方法1： 1：跳入外部链接，此链接应该是 https加域名的链接，如果不是https的那不可以 2：配置将你所需

2024年02月20日
浏览(56)
uniapp---- 微信小程序中获取当前地理位置（高德地图）

1.在manifest.json中选择微信小程序配置，勾选上位置接口。 2.在manifest.json中选择源码视图，添加permission和requiredPrivateInfos 3.进入微信公众平台添加合法域名（不能少但是可以放在最后添加，调试期间可以打开开发者工具的不校验合法域名） 4.下载amap-wx.130.js，并且进行引用，

2024年02月12日
浏览(58)
微信小程序学习实录3(环境部署、百度地图微信小程序、单击更换图标、弹窗信息、导航、支持腾讯百度高德地图调起)

百度地图微信小程序JavaScript API（简称小程序JSAPI），支持在微信小程序中使用百度数据资源。小程序JSAPI是对百度地图Web服务API中的部分接口按照微信小程序的规范进行了前端JS封装，方便了微信小程序开发者的调用。部分接口对返回的POI等数据按照微信小程序的数据格式进

2024年02月02日
浏览(71)
【微信小程序】免费的高德地图api——获取天气（全过程）

介绍这里是小编成长之路的历程，也是小编的学习之路。希望和各位大佬们一起成长！以下为小编最喜欢的两句话：要有最朴素的生活和最遥远的梦想，即使明天天寒地冻，山高水远，路远马亡。一个人为什么要努力？我见过最好的答案就是：因为我喜欢的东西都很贵，

2024年02月02日
浏览(84)
微信小程序引入地图

微信小程序引入地图 1.可以直接在页面设置map标签显示出地图，然后通过设置其大小控制地图显示面积。 2.可以通过scale改变地图缩放级别和longitude和latitude属性设置地图中心的经纬度。 3.可以通过markers属性设置地图标点引入的数组必须是一下格式：如果是从接口获取的数据

2024年02月09日
浏览(69)
微信小程序使用高德地图实现检索定位附近周边的POI功能示例

解压下载的文件得到 amap-wx.js ，在创建的项目中，新建一个名为 libs 目录，将 amap-wx.js 文件拷贝到 libs 的本地目录下。登录微信公众平台，在 \\\"设置\\\" → \\\"开发设置\\\" 中设置 request 合法域名，将 https://restapi.amap.com 中添加进去，如下图所示：

2024年02月03日
浏览(66)