在微信公众号上显示指定位置的地图

最新推荐文章于 2023-05-26 16:27:41 发布
最新推荐文章于 2023-05-26 16:27:41 发布
阅读量918 收藏
点赞数
分类专栏： 微信公众号 javascript 文章标签： js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chaoxi1991/article/details/109550174
版权

在微信公众号上显示指定位置的地图

需求：公众号获取用户上报的位置，展示出当前位置的地图

解决方案：通过公众号消息事件存储用户经纬度后，将经纬度作为参数打开腾讯地图一个可以自定义地图标记的url 链接，如下：

https://3gimg.qq.com/lightmap/v1/marker/index.html?marker=coord:23.137789,113.352425;title:超好吃冰激凌;addr:手帕口桥北铁路道口

效果图如下

 

看潮起潮落
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
集字卡v4.3.4 微信公众号原版 三种UI+关键字卡控制+支持强制关注.zip
01-17
奖品支持微信红包、实物奖品，实物奖品支持集卡者在线兑换奖品后到线下核销领取奖品活动规则里可以添加商家百度地图坐标，微信红包直接发。 集卡模块适合什么商家什么活动？ 集卡模块是个轻量的活动模块，粉丝可以...
微信公众号一键导航调用腾讯地图
嵌入式爱好者
09-09 3736
一、腾讯地图能搜索到 https://3gimg.qq.com/lightmap/components/locationCluster/index.html?type=1&keyword=公司名称&center=38.075738,114.533898&radius=1000&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=tengxun 二：腾讯地图搜索不到：根据自己的地址和名称自己随意设置，位置是坐...
微信公众号-获取当前位置
myinsert的博客
08-31 1237
1、在 index.html 中引入JS <!-- 定位（固定链接） --> <script src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js "></script> 2、获取当前经纬度 var geolocation = new qq.maps.Geolocation( "你的访问应用（AK）", "你的应用名称"
WEB端唤起 百度|腾讯|高德 地图一键导航功能
羽筠的博客
05-26 2371
腾讯地图 https://3gimg.qq.com/lightmap/v1/marker/index.html?marker=coord:纬度,经度;title:地点名称没有则根据经纬度自去填充;addr:地点位置地址信息没有则根据经纬度自去填充 百度地图 http://api.map.baidu.com/marker?location=纬度,经度&title=标题-地点名称&content=内容-地点位置地址信息&output=html&src=webapp.baidu.openAPIdemo 高德地图
移动web端使用腾讯地图实现定位功能
热门推荐
wbreach的博客
02-09 2万+
最近公司有个需求,让开发一个相对精确的定位功能,我们是微信二次开发,不像APP那种可以有专门的组件或插件来实现, 使用腾讯地图API（支持HTTPS协议) 提前准备: 1: 先去腾讯地图API官网注册一个密匙.步骤很简单; <%@ page language="java" contentType="text/html; charset=UTF-8" pageE...
H5 腾讯地图无法导航
TS_144636的博客
08-31 2299
uni-app 打包H5腾讯地图无法导航前言：解决方案如下： 前言： 最近几天用uni-app开发安卓和iOS应用，打包成APP安装包后，APP内做地图导航没有问题，APP内使用的是高德地图；但是打包成为H5页面后，运行在微信内置浏览器或者运行在第三方浏览器（UC/QQ浏览器），默认运行的是腾讯地图，地图可以打开，却无法进行导航。 具体错误可查看帖子：https://ask.dcloud.net.cn/question/86216 ##前置条件： 开发环境：windows； 开发框架：uni-app ,
uni-app 支持多端第三方地图定位的方法
11-30
该方法支持跳转第三方地图并定位指定坐标。 APP端跳转至百度地图（第三方软件）；若无，则跳转至高德地图（第三方软件）；若均无，则打开腾讯地图（uni自带方法：uni.openLocation） 其它端打开腾讯地图（uni自带...
基于ThinkPHP5.1/6.0和Bootstrap4.x开发的后台管理系统,集成文章系统, 商城系统, 微信/小程序接入
最新发布
06-01
基于bs的Modal写的Dialog组件，支持alert,prompt,confirm,以及常用的列表搜索/选择对话框，地图位置选择对话框（支持腾讯/高德/百度/谷哥地图） 后台表单异步提交/文件上传进度显示 bs日期组件本地化，自动初始化 ...
YouDianCMS v6.8.1 PC手机微信三合一 友点企业网站管理系统 三站合一网站
05-31
1.[新增]实现微信支付功能（微信公众号支付和微信扫描支付） 2.[新增]实现QQ账号登录 3.[优化]优化支付流程，支付时，可以选择不同的支付方式 4.[修复]修改翻译时间结果的错误 5.[优化]当频道很多是，修改频道变得很...
YouDianCMS v8.0 开源PC手机微信app小程序五合一 v8.0.zip
07-06
发送地理位置后，可查询附近的指定地点的位置，如输入“附近300米酒店”即可返回附近300米酒店的信息 6、 自定义微菜单：便捷直面，随意定制，快速引导，精确定位 7、 微活动：幸运大转盘和刮刮卡 8、 微会员卡：...
微信公众号实现打开内置地图功能js
09-30
微信公众号实现打开内置地图功能时所用的js插件，方便好用
小程序地图定位腾讯地图SDK
11-02
小程序腾讯地图SDK,在小程序开发过程中如有遇到要用到地图插件的可以下载这个腾讯地图,为小程序特定的SDK,腾讯地图自己的东西,为小程序肯定兼容到位,使用教程:http://www.cnblogs.com/zlbrother/p/7773107.html
织梦仿站-第四个站之锚链接
m0_37634735的博客
06-30 479
快捷添加文章： 添加完一篇之后，按backspace，随便点几下，然后点击确定 limit=0,1 从0开始输出1个，0代表id=1的栏目； limit=1,2 从1开始输出2个，1代表id=2的栏目，此时输出的是第二个和第三个栏目； limit=3,1 从3开始输出1个，3代表id=4的栏目。 3嵌套调用，频道封面页，必须使用channelartlist，首页获取当前栏目及其子栏目：多用于顶部或者底部的栏目展示 {dede:channelartlisttypeid='top'} ...
武
huantingyizhan的博客
02-20 422
题目描述 其次，Sεlιнα(Selina) 要进行体力比武竞赛。 在 Sεlιнα 所在的城市，有 NNN 个街区，编号为 1∼N1 \sim N1∼N，总共有 N−1N-1N−1 条的街道连接这些街区， 使得每两个街区之间都直接或间接地有街道将它们相连。Sεlιнα 把通过了文化知识竞赛的参赛男友们召集到她家所在的街区 PPP ，并以这个街区为起点，让所有参赛男友们向其他街区跑去。这些参赛...
腾讯地图 地图选点组件报错:Cannot read property formatted_addresses of undefined的解决
weixin_42405223的博客
05-23 6932
./css/ //3gimg.qq.com/lightmap/components/locationPicker2/css/ 背景 新能源充电项目 后台需要搞个充电桩经纬度选取的基本功能…懒死,找现成先… 找找-----------------呃.地图选点组件 http://lbs.qq.com/webApi/component/componentGuide/componentPicker 好像能用… 用吧… 懒死我得了 问题 什么鬼… TXMAP前端快出来背锅 先给结论 如图: 腾讯位置服务逆地址解
微信实现定位城市并获取城市编码
weixin_33982670的博客
09-15 2149
最近在做一个项目是将用户的当前所在市县定位出来并展示在手机端页面，同时还要获取到该市县的城市编码从而进行数据过滤，这里重点讲定位城市及获取城市编码 前端页面代码： 首先引用腾讯地图的一个js &lt;script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocatio...
腾讯地图H5位置获取
LHP的博客
11-09 1万+
腾讯地图H5位置获取 直接ctrl+c 就行了 直接打开 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;前端定位模块&lt;/title&amp
腾讯js地图定位使用，解决有些机型html5定位不到问题
qq_35048202的博客
06-19 2052
使用过高德js,百度js和html5自带定位在有些机型无法定位，最后尝试使用腾讯js定位，发现前面的问题都不是问题 步骤：1.注册一个腾讯地图开发者账号2.进入控制台创建应用 代码： 引用js:<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script> <!DOCTYPE html> &l
uniapp中条件编译的h5会在微信公众号网页上显示吗?
07-27
在Uniapp中，条件编译可以用于针对不同平台进行代码的编译和执行，以实现不同平台的差异化处理。在Uniapp中，h5即基于HTML5的手机Web应用，而微信公众号网页是在微信中展示的，它也是基于HTML5的，但是具有一些微信特有的功能和限制。 根据Uniapp的官方文档，条件编译可以通过注释的形式来实现。对于h5平台，我们可以使用`<!-- #ifdef H5 -->`和`<!-- #endif -->`来注释需要在H5平台下执行的代码。这样，当我们在开发中针对H5条件编译了一些代码之后，如果在微信公众号网页上打开，这些被条件编译的代码是不会在微信公众号网页中显示的。 因此，Uniapp中条件编译的H5不会直接在微信公众号网页上显示，因为微信公众号网页无法直接解析和执行Uniapp的条件编译语法。所以，在开发Uniapp应用时，如果需要针对微信公众号网页进行特殊处理，我们需要单独编写针对微信公众号网页的代码，或者通过其他方式来处理微信公众号网页中的差异化需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值