小程序上传后高德定位失效

背景:

刚接手一个新的小程序,开发环境时一切正常,真机调试也没有问题

上传后水印图片加载不出来,后面定位到时高德定位的问题

原因:

小程序后台没有加高德的请求地址

解决:

微信公众平台开发设置中request合法域名加上高德的地址

https://restapi.amap.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在小程序中引入高德地图,需要进行以下步骤: 1. 在高德开发者平台中创建应用并获取 API Key。 2. 在小程序中使用 `map` 组件,并在 `app.json` 文件中配置高德地图的 `apiKey`。 3. 在小程序的页面中使用 `map` 组件,并在 `js` 文件中调用高德地图的 API。 下面是具体的操作步骤: 1. 在高德开发者平台中创建应用并获取 API Key。 a. 进入高德开发者平台(https://lbs.amap.com/dev/)并登录。 b. 点击“应用管理” -> “创建新应用”。 c. 输入应用名称、应用类型等信息,并勾选需要使用的服务。 d. 创建成功后,在“我的应用”页面可以看到新创建的应用,点击“管理”进入应用详情页面。 e. 在应用详情页面中,可以看到“基本信息”中的“API Key”,复制该值备用。 2. 在小程序中使用 `map` 组件,并在 `app.json` 文件中配置高德地图的 `apiKey`。 a. 在小程序的页面中使用 `map` 组件,例如: ```html <map id="myMap" longitude="116.397428" latitude="39.90923" scale="14"></map> ``` b. 在 `app.json` 文件中配置高德地图的 `apiKey`,例如: ```json { "pages": [ "pages/index/index" ], "window": { "navigationBarTitleText": "高德地图" }, "plugins": { "myPlugin": { "version": "1.0.0", "provider": "wxidxxxxxxxxxxxxxxxx", "apiKey": "yourApiKey" } } } ``` 其中,`apiKey` 填写在第 7 步中获取的 API Key 值。 3. 在小程序的页面中调用高德地图的 API。 a. 在页面的 `js` 文件中引入高德地图的 SDK,例如: ```javascript const amapFile = require('../../libs/amap-wx.js'); ``` b. 在页面的 `onLoad` 生命周期中初始化地图,并设置地图的控件和事件,例如: ```javascript onLoad: function () { const myMap = new amapFile.Map({ mapId: 'myMap', center: [116.397428, 39.90923], zoom: 14 }); myMap.addControl(new amapFile.Scale()); myMap.addControl(new amapFile.ToolBar()); myMap.on('click', function (e) { console.log(e.lnglat); }); } ``` 其中,`amapFile.Map` 用于创建地图对象,`amapFile.Scale` 和 `amapFile.ToolBar` 用于添加地图控件,`myMap.on` 用于添加地图事件。 以上就是在小程序中引入高德地图的步骤,具体实现可以参考高德地图的官方文档(https://lbs.amap.com/api/wx/summary/)。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值