小程序内嵌H5地图获取定位没有权限，解决办法

最新推荐文章于 2024-05-20 16:43:18 发布
最新推荐文章于 2024-05-20 16:43:18 发布
阅读量3.2k 收藏
点赞数 2
文章标签： javascript vue.js 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangke20080707/article/details/124194424
版权

这里拿腾讯地图组件为例，需要和nginx配置使用，nginx配置https://apis.map.qq.com，然后把反向代理出来的域名拿来使用比方说方向代理出来的域名为https://map.test.com

前端部分：

选择前端定位组件，点击链接，复制代码

 

 

创建js文件，把nginx代理出来的域名替换https://apis.map.qq.com 

引入 使用

成功使用

 

 

 

空灵止水
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
h5页面调用小程序的定位功能_微信小程序与H5内嵌网页交互实现地图定位功能...
weixin_39711721的博客
12-19 2021
小程序中有很多好用的API，整个项目我们是用vue实现的，使用小程序的内嵌网页功能完成交互。使用小程序的< web-view >标签将vue项目在小程序中运行。大概的背景就是这样。接下来介绍具体怎么完成微信小程序与vue内嵌页面实现地图定位功能。1.首先在index.html中引入微信jssdk2.在小程序中3.在vue组件中，点击获取地图位置按钮，触发事件。//携带参数进入小程序，使...
uni.getlocation h5获取定位失败后，阻塞问题
qq_38909255的博客
03-18 1953
uni.getlocation h5获取定位失败后，阻塞问题。因为未开定位时uni.getlocation根本不执行，所以在uni.getlocation中不管是success、fail、compelet都不会执行，这个时候我们可以添加一个宏任务。如果uni.getlocation未执行就可以通过setTimeout的执行进行返回，如果uni.getLocation执行了，就直接通过uni.getlocation进行返回。
小程序里调用微信地图定位地址功能，需要在小程序后台配置apis.map.qq.com
konnysnow的专栏
08-25 3126
小程序里调用微信地图定位地址功能，需要在小程序后台配置apis.map.qq.com，否则会出现无法选择地址问题。
微信小程序web-view嵌套的H5页面，导航功能，点击跳出标有目标地的地图
最新发布
weixin_48922164的博客
05-20 610
主要思路： 在H5页面中点击按钮，跳出web-view，进入小程序的某个页面，在这个页面中使用加载微信地图等操作。
微信小程序内嵌webView访问H5界面，在H5界面获取定位
weixin_46029283的博客
02-06 3309
H5使用weixin-js-sdk过去定位wx.getLocation，域名映射
关于微信小程序调用H5腾讯地图API获取定位信息提示失败问题--解决办法之一
weixin_45212827的博客
01-26 1577
在跳转到H5页面加载腾讯地图API获取定位信息时，“真机调试”、“开发模式”都可以使用 web-view 组件访问我需要的路径。正常加载都是正常的，但是因为腾讯地图API在获取定位信息的同时，会在页面上内嵌一个隐藏的web-view来展示定位信息（正常引用js、css等样式文件是正常的），导致会提示以下错误。暂时的解决办法是先使用小程序的原生能力调用获取到定位信息后，通过链接透传到H5页面中，这样就能暂时逃过嵌入小程序的H5页面通过腾讯地图的API引发的报错问题。
H5中使用微信小程序位置API
weixin_46201586的博客
10-10 2228
html的静态页面在前端通过ajax将url传到后台签名，前端需要用js获取当前页面除去’#‘hash部分的链接（可用location.href.split(’#')[0]获取,而且需要encodeURIComponent），因为页面一旦分享，微信客户端会在你的链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。
小程序内嵌H5——判断小程序环境的坑
03-29
最后和产品商量之后的决定是：小程序中特有的营销推广的页面，用小程序编写，剩下的黄金流程，内嵌H5解决。 听起来好像很简单，but，没有想象中那么简单。 判断是否在小程序中 这个问题，网上一搜，答案很多，有说用...
快速小程序开发之微信小程序内嵌 H5
03-29
本篇博文将从业务选型，微信小程序后台配置，使用 web-view 完成登录业务以及在实战中如何调试一次性带你感受小程序内嵌 H5 的风采，帮你更有底气的使用微信小程序新组件 web-view。   技术选择 H5 转成小程序方案...
小程序内h5,回跳到小程序
01-11
小程序内h5,回跳到小程序
微信小程序iOS下拉白屏晃动问题解决方案
12-13
这篇文章主要介绍了微信小程序iOS下拉白屏晃动问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 问题 感觉ios的小程序每个页面都可以下拉出现白屏 ...
详解微信小程序与内嵌网页交互实现支付功能
01-20
上个月，小程序开放了新功能，支持内嵌网页，所以我就开始了小程序内嵌网页之路，之前我只是个小安卓。 内嵌网页中可使用JSSDK 1.3.0提供的接口，可坑就来了，居然不支持支付接口的调用，经过一番研究，总算打通了...
小程序 webview 分享_小程序webview(H5)调用JSSDK功能指北
weixin_39919948的博客
11-23 837
最核心的一个概念:小程序的webview(H5页面)中调用jssdk中的功能(比如获取位置信息),需要有一个和小程序申请主体一致的公众号账号,在公众号里去配置相关的jssdk信息.1 小程序账号因为webview不支持个人类型,所以需要申请一个企业法人及个体工商户类型的小程序账号2 公众号账号要求小程序和公众号的账号对应的主体信息必须一致,有两种途径达到此目的:先申请公众号账号,然后通过公众号的快...
webview调试微信内嵌的H5页面进行元素定位
DDJ_TEST的博客
10-15 1067
webview调试微信内嵌的H5页面进行元素定位 1、 首先adb链接真机或模拟器 2、电脑端在Edge浏览器打开：chrome://inspect/#devices，看自己链接的是真机还是模拟器 3、 登录微信，随便找个好友发送：http://debugx5.qq.com 4、点击发送的地址，进入X5调试页面 5、点击“信息”，勾选“打开TBS内核Inspector调试功能” 6、现在查看浏览器 7、点击“inspect”，接下来就可以进行元素定位了 ...
iframe定位获取
diankui6178的博客
10-08 250
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- <iframe src="h...
安卓微信升级7.0后，小程序及公众号内 h5页面 jsapi定位（高德，百度，腾讯地图API）失败原因
小小德尔(C#)
03-02 5235
调用失败原因 据说是 google 的安全策略问题， 涉及 隐私信息的 比如定位 需要 https 站点， 微信 7.0 更新了 sdk 解决方案 将网站/小程序/公众号后台地址从http 升级https ，而且必须是正规的SSL证书，自签名的证书 证书链不完整也是不行的。 比如我的公众号h5的域名地址是：http://weixin.xxx.cn，现在要升级为https://weixin....
微信小程序web-view组件嵌入h5页面导致显示不正常的问题
热门推荐
monkeyfly学前端
08-22 2万+
Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。 前提 已知存在一个微信小程序，该小程序的某个页面通过web-view组件嵌套了我们微信公众号的一个h5下单页面。 在小程序内嵌套的这个h5下单页面中，进行下单操作后会跳转至下单成功页面。 说明：下单成功后，页面会显示用js计算的取件时间、图片广告位、下单成功列表以及再下一单按钮。 然后，问题就来了：下单成功后...
小程序中嵌套h5界面
浩星
03-31 5037
前言： 小程序因为他的自身限制，不太适合复杂的项目，为了扩展他的功能，可以采用小程序加上h5界面来实现更复杂的项目。 实现方法： wxml： <view> <web-view src="{{url}}"></web-view> </view> js中： Page({ /** * 页面的初始数据 */ data: { url: '', }, 具体方法中： ...
【微信小程序】打开微信内置的地图
sayyy的专栏
11-02 1081
略
小程序内嵌h5 实现地图选址
09-04
小程序内嵌H5实现地图选址的方法有多种，我来介绍一种常用的方式。 首先，我们需要在小程序中创建一个button按钮，用户点击该按钮后会跳转到H5页面。可以通过小程序的wx.navigateTo函数实现页面跳转，并传递参数给H5页面。 在H5页面中，我们可以引入地图相关的JavaScript库，例如百度地图API或者高德地图API。通过调用API提供的函数和方法，可以实现在H5页面上显示地图，并提供选址的功能。 在地图上选址的过程中，可以使用地图API提供的搜索功能，让用户输入关键字，然后根据关键字在地图上搜索相关位置，并在地图上标注出搜索结果。用户可以在搜索结果中选择一个位置作为选址。 当用户在H5页面上选中了一个位置后，可以通过调用JavaScript代码的方式将选中的位置信息传递给小程序。在H5页面中，可以使用window.location.href实现页面跳转，并将选中的位置信息作为url参数传递给小程序。 在小程序中，可以通过wx.navigateBack函数回到上一个页面，并通过上一个页面的参数接收选中的位置信息。然后，可以使用这些位置信息在小程序中进行相应的处理，例如显示选址结果、保存选址信息等。 综上所述，通过小程序内嵌H5实现地图选址的步骤为：小程序中创建按钮 → 跳转到H5页面并传递参数 → H5页面显示地图并实现选址功能 → 用户选中位置并将选中位置信息传递给小程序 → 小程序接收选中位置信息并进行相应处理。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值