微信公众号中增加地图位置标识

最新推荐文章于 2022-04-29 16:18:37 发布
最新推荐文章于 2022-04-29 16:18:37 发布
阅读量2.1w 收藏 5
点赞数 1
分类专栏： 前端 文章标签： 微信 api 地图 位置服务 腾讯
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yellow88488/article/details/70209156
版权

对于地图标识，首先想到用百度地图，但是百度地图的展示效果不好，而且还有提示下载百度地图。

于是开始尝试腾讯地图，毕竟是一家公司的，应该结合的更好。


找到了腾讯的地图位置服务：http://lbs.qq.com/uri_v1/guide-poiMarker.html


尝试使用api测试：

http://apis.map.qq.com/uri/v1/marker?marker=coord:39.171525,116.240228;title:位置名称;addr:备注信息&referer=myapp


经尝试发现效果是极好的，直接展示地图，并可点击导航。


若不知道位置参数可以通过腾讯坐标拾取器获得，地址为：http://lbs.qq.com/tool/getpoint/

yellow88488
关注
专栏目录
微信公众号开发篇（获取经纬，地图导航）
gaofeng6565的博客
05-25 1596
1. 引入jssdk 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js 如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）。 备注：支持使用 AMD/CMD 标准模块加载方法加载 //安装 npm install weixin-js-sdk --sa...
微信公众号开发教程(八)获取用户地理位置，并打开微信内置地图
wolfcode_cn的博客
01-04 2万+
本文作者：陈惠，叩丁狼高级讲师。原创文章，转载请注明出处。 本篇文章实现效果如下： 用户点击微信公众号底部【校区位置】菜单，打开应用页面，该页面中调用微信JSSDK打开微信内置地图，并设置目标地点(叩丁狼教育校区)，此时可看到用户当前位置与目标地点位置的距离，还可通过右下角绿色按钮，调用百度地图等第三方软件，点击后会自动设置用户的位置作为起点，目标地点作为终点，自动查询方案路线。 实现步骤 ...
如何向公众号添加的地图的链接
ijh89y7878v的博客
08-20 946
如何向公众号添加的地图的链接呢？ 用普通的方法直接加入外链会被限制，但是我们可以借用工具实现添加外链的功能，如下： 进入微信公众号后台，编辑素材的界面，找到并点击点击“小程序”。 2、搜索小程序：“网页”，并点击“下一步”。 3、小程序的路径改为：“web?u= 网址”的格式，输入文字内容，点击”确定”即可。 添加你的网址例如：web?u=baidu.com。 将此处的链接修改为你的地图的链接 若网址中有特殊字符=?等特殊字符，把网址通过转码工具，转为urlencode编码即..
微信公众号JSSDK定位与百度LBS结合实现线下店铺一键导航功能
mrtwenty的博客
08-29 4284
微信的JSSDK有两个关于地理位置的接口:      一个是 getLocation , 用户授权同意后，可以获取用户的地理位置      一个是openLocation,可以使用微信内置地图查看位置接口。 百度的LBS的服务接口,有LBS.云服务，利用这个云存储存储线下店铺的位置，云检索可以根据用户的位置，进行距离搜索。 好了，我们该怎么实现的这个功能呢？ 第一步，基于百度...
微信公众号、地图定位、获取地理位置
wl970735611的博客
09-13 4万+
<!-- 百度定位（地图） --> <div id="status" style="text-align: center"></div> <div style="width:96%;height:800px;border:1px solid gray;margin:30px auto" id="container"></div>
微信公众号最佳实践 （ 9.6）地图导航
qq_095的博客
08-31 3133
地图导航 随着交通经济的发展，人们的活动区域越来越大，不认识路，找不到目的地的情况也屡有发生，地图导航的功能可以帮用户导航到目的地。 高德地图 高德地图是中国领先的数字地图内容，导航和位置服务解决方案提供商。高德拥有中国领先的电子地图数据库，并拥有多个“甲级资质”，在汽车导航、政府和企业应用，互联网及移动互联网位置服务应用三大业务领域，均处于市场领先地位 ...
asp微信公众号获取用户地理位置(坐标+中文地址)2021GBK版
tocnc的博客
07-06 680
一个大学同学，让帮忙写一个asp版的获取用户地理位置的程序，其实想获取用户地址位置有两种，要么利用百度地图，要么利用微信公众号，同学让我写成利用公众号获取用户位置信息的代码，都是asp时代的人，没办法，只能帮忙了，也不太难，需要的朋友直接拿去用吧 代码： wx.config({ debug: false, appId: ‘<%=weixin_Appid%>’, // 必填，公众号的唯一标识 timestamp: <%= timestamp %>, // 必填，生成签名的时间戳 non
微信公众号是html页面吗,微信公众号网页开发
weixin_28718769的博客
06-03 1452
基本配置1.设置—公众号设置—功能设置—配置JS接口安全域名安全域名配置规则如下2.开发—基本配置开发者密码第一次使用需要重新设置记录 开发者ID(AppID) 开发者密码(AppSecret)后面会用到3.IP白名单配置推荐填写当前本地开发IP地址和服务器IP地址本地开发地址获取方式服务器IP地址(根据自己的服务器Ip地址自行填写)多个IP地址填写用回车隔开4重要的一步在：微信公众号-开发-接...
微信公众号插入地图及地图搜索资源的前端处理(坐标系转码,自动定位等业务实现)
pearkerChen
12-11 5434
var map;// 地图对象 var ac;// ac自动完成对象 var isReturnNum = false;// 初始未返回微信的经纬度信息 var parkMarkers = [];// 停车场覆盖物 var searchMarkers = [];// 搜索图标 var selectMarker = "";// 选中的覆盖物 var selectPoint = "";// 选中的覆盖物...
微信公众号开发之内置地图
qq_39267979的博客
09-27 6221
var currurl = decodeURIComponent(location.href.split('#')[0]); $.ajax({//授权 url : "../initWXJSInterface", dataType : 'json', data : { 'url' : currurl/...
微信公众号实现打开内置地图功能js
09-30
微信公众号实现打开内置地图功能时所用的js插件，方便好用
【.Net微信_服务号】4.微信公众号中高德地图显示坐标点
返璞归真
04-11 1445
    之前在web端做过一个地图显示坐标，现在修改了一下样式用在了微信服务号中，demo下载，先看一下效果，如下图所示：create_map.js/* * 创建地图所需JS * create 2017-05-25 for Rika * hope this helps ^_^ */ function getMarkerListInfo(data, mapId, myListId, panelId,...
微信接入js-sdk-获取地理位置，打开微信内置地图
热门推荐
陈袁的博客
05-12 7万+
1.第一步当然是已经正确接入了微信并且配置好了回调安全域名。不会的朋友可以看看《微信开发-初级接入微信公众平台MP》 2.   引用微信js-sdk, http://res.wx.qq.com/open/js/jweixin-1.0.0.js，然后通过config接口注入权限验证配置。先在自己的服务器上写个获取数据的接口： /** * 获取页面需要的配置信息的参数 *
微信公众号打开微信内置地图（thinkphp5+jq）
weixin_41559735的博客
04-29 1795
h5或微信公众号打开微信内置地图，选择高德，百度等导航 第一步，去后台请求签名数据 this.$http .get( 后端地址：获取下面所需要的的数据 ) .then(data => { // 记录token if (data.body.returnCode == "000000") { wx.config({ // 开启调试模式,调用的...
微信小程序之：小程序接入高德地图SDK
weixin_34349320的博客
11-21 2529
前言 最近在捣腾小程序，想开发一个自己的小程序，过一把独立开发的瘾。 自己设计，自己搞数据，自己找图标，自己决定要或者不要什么功能，完全跟着心走，目前体验下来，感觉还是蛮爽的。比在公司产品要你做什么你就得做什么舒服多了，巴适的很（假装自己是四川人），哈哈 虽然我是一个App开发，但我还是蛮注重用户体验的，我会去考虑应用的使用场景，使用习惯，不断的去调整，去优化。这次开发的小程序，从配色、图标选择、...
微信小程序----使用微信内置地图查看位置wx.openLocation(Object object)
吾行远方
07-02 1万+
使用微信内置地图查看位置wx.openLocation(Object object) 1、官方文档 wx.openLocation(Object object)官方文档 2、wxml <!--pages/test/test.wxml--> <text>pages/test/test.wxml</text> <view class="container"&g...
通过调用百度地图API在web网页中嵌入百度地图，并进行单点或多点标注
heijinkuiba的博客
12-11 2985
1 通过浏览器打开这个连接：http://api.map.baidu.com/lbsapi/creatmap/，你会看到如下图： 2 选择当前城市，然后输入具体地址，搜索。 3 添加标注，展开后有三种形式，如图 4 默认选择第一种形式，把鼠标放入右边的地图，点击，然后会出现如下图，填写左边的选项，保存。
微信公众号开发地图导航例子
最新发布
05-24
微信公众号开发地图导航，可以通过以下步骤实现： 1. 获取用户地理位置信息 用户在进入公众号时，可以通过微信的API获取用户的地理位置信息。开发者需要先在公众号设置中开启地理位置服务，并在代码中调用相应的...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值