腾讯地图自定义标点,在微信内置地图显示

我现在默认显示的几个坐标点,想用微信打开,在微信内置地图显示,点击可以查看位置并导航去那里

理想效果
图片说明
现实效果
图片说明

要请求api,具体怎么实现?

0

7个回答

看一下腾讯地图H5地点标注点击这里图片说明

0

h5还是app的,
用view重写上面的弹窗框

0
ohdajing
腴i h5 网页前端
大约一年之前 回复

用微信接口可以获取到

0
ohdajing
腴i 能不能具体点呢?我现在调用了微信接口,取得了当前位置,可以导航,但是怎么根据标点对应点击进去导航?
大约一年之前 回复

weixin_40658500
weixin_40658500 2018.06.14 11:30

用微信接口可以获取到

0
weixin_42460214
冰波浪 weixin_40658500 weixin_40658500 2018.06.14 11:30 用微信接口可以获取到
大约一年之前 回复
ohdajing
腴i 恩调用了微信接口 但是 怎么点击自定义标点进入位置里面呢
大约一年之前 回复

现在已经做出了这种效果 调用的微信接口 我想显示自定义标点 点到这里面去
图片说明

0

用鹏讯的api来实现吧

0
weixin_42459478
张瑞珏 用鹏讯的api来实现
大约一年之前 回复
ohdajing
腴i 能具体点么?
大约一年之前 回复

弹窗口的代码进行覆盖重写

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
php百度坐标转腾讯坐标并展示微信内置地图
项目后台可以添加百度坐标,前台在微信可以实现任何地图导航到后台添加的地址,全网都没有这样的案例,压缩包内附案例教程及展示网址
微信公众号开发之内置地图
var currurl = decodeURIComponent(location.href.split('#')[0]); $.ajax({//授权 url : "../initWXJSInterface", dataType : 'json', data : { 'url' : currurl/...
公众号微信内置地图在ios上不显示问题
微信公众号内调用微信内置地图,在安卓上可以正常显示,但是在ios上显示一片空白,而且报错:fail invalid_coordinate 解决方法: 微信小程序默认将组件上绑定的参数都当作字符串了,所以认为坐标点不正确,强制转换成number类型即可。
小程序地图和小程序在地图上实现多点标记
最近做小程序想要实现在地图上进行多点标记功能,特此附上代码,若有问题,还请指教
微信小程序  腾讯地图(小白适用)
微信小程序 腾讯地图(小白适用) 微信小程序中一般有的定位导航的功能,这是后就需要腾讯的地图了(百度地图不行的呢),怎么在一个页面简单又高效的使用地图呢, 思路其实相当简单 第一步:在页面上放个图片,当时然是地图的,这就需要设计小姐姐帮忙了, 第二步:给图片添加点击事件 (bindtap='locationtap') <view class='m_t20' bindtap='loca...
如何在腾讯地图绘制自己的坐标
1.页面直接引入<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script> //http://map.qq.com/api/js?v=2.exp 网址是API文件的位置,v2.0 指当前使用的API的版本标识。2.在html页面插入地图模板<div id="siteMap"></div>3.我们需要的经纬度可以选择
微信小程序__腾讯地图开发__路径规划绘制
现象 我们想用微信小程序实现在map&amp;gt;组件上自定义显示导航路径,但是目前为止官方并未给出相应的方法实现,map&amp;gt;组件确实有绘制点对点连线的属性polyline,但是呢我们没有一系列的坐标集合也是画不出一条路径的, 更糟糕的是即便你内置微信小程序JavaScript SDK,它目前为止也不能给你相应的返回导航路径中所有坐标集合方法实现,不信你看介绍 ...
微信小程序例子——打开微信小程序内置地图
微信小程序例子——打开微信小程序内置地图
meta 之 viewport
meta name="viewport"        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 1、width : 控制viewport的大小,可以指定一个值,如600, 或者特殊的值,如device-width为设备的宽度(单位
使用腾讯地图的demo,可以在地图上加标记
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 地图 * { margin: 0px; padding: 0px; } body, button, input, select, t
微信小程序 腾讯地图大头针定位,获取当前地址,地图移动选点,定位当前位置
主要实现功能: a.进入地图界面,会自动获取当前位置(用户需授权地理位置权限),并显示省市区在左上角,根据个人需求,我只显示了区 b.大头针实现,拖动地图,大头针都能获取到位置 c.左下角定位当前位置实现,当移动地图到别的位置,点击左下角图标,会回归到当前位置 下面是代码的实现 1. app.json文件中 "permission":{ "scope.userLocat...
微信小程序map腾讯地图功能整理
wxml:&amp;lt;map class=&quot;map&quot; longitude='{{longitude}}' latitude='{{latitude}}' scale='{{scale}}' markers='{{markers}}' polyline='{{polyline}}' bindmarkertap='bindmarkertap' bindregionchange='bindregioncha...
微信端唤起腾讯地图并进行导航
微信端唤起腾讯地图并进行导航 $('.companyAdress').on('click',function(){    window.location.href= 'http://apis.map.qq.com/uri/v1/marker?marker=coord:30.595810,103.912830;title:渔虾跳主题餐吧;addr: 城南优品道广场星光广场一楼';  
微信小程序页面显示地图并标记指定经纬度的点!
很简单的定位功能:页面打开以后就显示点图并标记指定经纬度的点~ wxml: js: Page({ data: { markers: [{ iconPath: “…/…/images/dingwei.png”, id: 0, latitude: 36.741264, longitude: 117.068709, width: 50, height: 50 }], }, /**...
微信小程序map组件路线规划,腾讯地图sdk的应用案例
案例:可访问本人github地址(功能完善中…) 使用腾讯地图SDK ; 目前已有功能:搜索,地址列表,pio点,出行方式,路线… 微信小程序map组件-腾讯地图SDK ...
js--下拉列表选中(js和jquery两种方法 )
下拉列表 、js
微信小程序地图标记点,点击标记点显示详细信息源码加效果图
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 效果图: 实现代码: &lt;!-- &lt;text&gt;{{markers[id].placeName}}&lt;/text&gt; --&gt; &lt;block wx:if='{{isshow}}'&gt; &lt;map id="map" longitude="114.0...
微信小程序创建之获取地理位置并跳转腾讯地图
微信小程序创建 1、服务器域名配置 登录微信公众平台小程序,首先配置服务器域名。 本实例的域名在腾讯云购买 点击修改可前往腾讯云购买,购买后会自动配置。 2、微信小程序开发 下载开发者工具 下载安装后为 扫一扫登录后,选择“本地小程序项目”,选择新建项目或打开已有项目 创建后会有如下几种文件,.js、.wxml、.wxss、
如何在微信小程序中调用腾讯地图api
微信小程序的地图api是非常有限的,如果要搜索地图上的位置,比如附近的医院、学校等,就需要使用地图api,使用腾讯地图api的过程如下:一、开发者申请腾讯地图进入官网http://lbs.qq.com/key.html 申请密钥验证完手机邮箱之后,就可以申请开发者密钥二、下载微信小程序sdk  http://3gimg.qq.com/lightmap/xcx/jssdk/qqmap-wx-jssd...
微信小程序——打开地图选择位置信息完整功能实现代码(定位,可移动选点,可搜索,腾讯地图API)
小程序中打开地图选择店铺位置,地图定位选择地点实现方法如下,(仿美团外卖商家入驻店铺地址选择页面制作) 功能如下: 1. 默认地位显示地图,下面显示附近场所 2. 可输入搜索关键词,匹配地点 3. 点击地区,重新选择省市区 4. 拖动地图自动匹配选择中心位置 5. 可重新定位
微信小程序调用腾讯地图新手实例
一、创建如此目录防止一会报错: 注意这个目录差不多了; 二、源码: js: index.js: var amapFile = require('../resource/js/amap-wx.js'); Page({ data: { key: '你自己的key', show: false, currentLo: null, currentLa: null, ...
微信小程序调用腾讯地图获取jsonp数据 解析详细地址信息
用微信小程序内置js调用腾讯地图api获取位置信息,返回的是jsonp数据 解析方式如下: //根据经纬度对象获取位置详细信息 getLocationInfo: function (location){ let _this = this; var data = { location: location.latitude + &quot;,&quot; + location.lo...
地图坐标转换(百度地图腾讯地图坐标互转)
/** * Fun convertGCJ02ToBD09 中国正常GCJ02坐标----&gt;百度地图BD09坐标 * * @param double $lat 纬度 * @param double $lng 经度 * * @return array */ function convertGCJ02ToBD09($l...
腾讯地图的使用,添加多个标记和点击事件
腾讯地图API官网:http://lbs.qq.com/javascript_v2/index.html获取当前位置经纬度使用腾讯地图之前,先要获取指定位置的经纬度。 可以利用具体地理位置(如:北京市朝阳区朝阳北路101号 朝阳大悦城)来获取经纬度,具体获取方法这里不进行说明。 如果是在微信中使用腾讯地图,可以调用JSSDK来获取当前地理位置的经纬度。方法如下: //微信JS-SDK 获取
微信地图 leaflet 腾讯地图
本来在微信项目中使用的高德地图,发现不是想象中的好用,而且用了微信,感觉使用腾讯地图会比较方便,所以,索性使用leaflet+腾讯地图的底图来实现。 其中关于正确使用腾讯地图参考了https://github.com/wuxiashuangji/TXMapTitleLayer 1、首先安装leaflet库 yarn add leaflet 2、正常引入leaflet资源 &amp;lt;script s...
小程序调用腾讯地图以及跳转到微信自带的图页面
在小程序中使用map组件渲染出腾讯地图 1.申请腾讯地图的密匙 (申请密匙时要勾上webservice,为了后面的验证) 2.下载腾讯地图的JavaScriptSDK并引入到小程序里面 3.添加小程序的有效域名https://apis.map.qq.com 然后在需要用到地图的页面引入JavaScriptSDK 如下图 实例化一下地图 key后面填的是你申请的密匙...
腾讯地图poi关键词检索,点击标注获取坐标位置等信息,无法自定义标注的解决方法
先说poi检索: 首先实例化一个map对象,然后调用searchservice类; //定义map变量 调用 qq.maps.Map() 构造函数 获取地图显示容器 var map = new qq.maps.Map(document.getElementById("container"), { center: new qq.maps.LatLng(39.
微信小程序-腾讯地图显示偏差问题
原文地址: http://fanjiajia.cn/2018/08/30/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F-%E8%85%BE%E8%AE%AF%E5%9C%B0%E5%9B%BE%E6%98%BE%E7%A4%BA%E5%81%8F%E5%B7%AE%E9%97%AE%E9%A2%98/ 背景...
微信小程序---地图使用(定位/展示/周边信息展示/poi搜索)
本文地图用的是腾讯地图,对比了下其他地图发现腾讯地图功能比较全面,果然是自己的(起初用的其他地图,发送poi搜索返回信息不满足需求,可自行尝试,在此推荐使用腾讯地图http://lbs.qq.com/javascript_v2/doc/) 在微信API中可以看到获取位置的方法(推荐大家习惯学会查看API)这里还包含了界面布局,界面跳转,数据赋值,正则判断等操作,欢迎留言讨论具体效果可以去下载查看
微信小程序_腾讯地图定位源代码
地图定位功能是APP必备的功能,代码规范,值得借鉴和学习
有地图的根据地址获取经纬度,并且在地图上表示出来
地图上标识你写的地址
微信小程序——打开地图 选择位置 完整功能实现代码(定位,检索周边,可移动选点,可搜索,腾讯地图API)
小程序中打开地图选择店铺位置,地图定位选择地点实现方法如下,(仿美团外卖商家入驻店铺地址选择页面制作) 源码地址: CSDN:https://download.csdn.net/download/yu17310133443/11085028 github:https://github.com/mcky1928/map 小程序地图实现,功能如下: 1. 默认地位显示地图,下面显示附近场...
微信小程序开发关于地图图片显示不出问题
1、开发过程中,莫名markers中的图片无法显示,折腾很久发现图片 iconPath:”../../resource/images/mymarker.png”中不能有空格,之前写成 iconPath:”../../resource / images / mymarker.png”就无报错无图片wc_markers:[{ id:20, latitude: 31.2
腾讯地图 点聚合
首先,我有一万个理由,不想用腾讯地图,但只有一个理由说服我使用:做微信开发,地图组件需要和微信自带地图保持一致性。今天我做了腾讯地图很多marker点的聚合显示功能,主要参考官方的,下面是地址,可以参考一下,很多代码可以删掉。 https://lbs.qq.com/javascript_v2/case-run.html#overlay-markercluster ...
微信小程序----wx.openLocation(OBJECT) 使用微信内置地图查看位置
开发场景 已知地点的经纬度,期望在打开的地图进行标注位置和进行开车、徒步、公交、骑行等的路线规划! 效果图 实际应用体验 JS Page({ openLocation(){ wx.openLocation({ longitude: Number(this.data.lng), latitude: Number(t...
微信小程序实例:map组件markers属性动态初始化
        今天在写小程序详情页时候遇到一个问题,map组件的markers属性是通过异步请求到数据后设置的,结果就导致了微信底层渲染出错。但是如果我先在data初始化markers变量,每次小程序都不能正常渲染都是初始化的北京的数据。然后写了如下测试:test.js::Page({ data:{ map:{ lat: 0, lng: 0, ma...
小程序 地图 开发 组件 覆盖物
我的需求是 1、显示地图 2、在地图上增加覆盖物 3、地图距离底部边距有90rpx 主要使用到原生组件map和cover-view 实现效果: 代码我是使用的mpvue开发。源码如下: &amp;lt;template&amp;gt; &amp;lt;div class=&quot;map-clock&quot;&amp;gt; &amp;lt;map id=&quot;map&quot; longitude=&quot;113.324520&quot; latitude=&quot;23..
微信小程序——获取地址信息(一),腾讯地图篇
小程序对获取用户地址信息的需求是很常见的,小程序官方也给出了一些关于获取位置的api,但是只支持获取经纬度,大多数时候我们需要获取到用户的具体地址,而不是一堆数字。实现这个功能就需要借助外部力量了。 目前国内主流的腾讯地图、百度地图、高德地图都提供了支持小程序开发的JavaScript SDK,我们可以通过使用这些sdk来达到我们的目标。 首先介绍腾讯地图吧。 进入腾讯地图开发者平台可以直接...
微信小程序校正百度地图与腾讯地图经纬度
在实际开发中使用了百度地图在小程序中,与PC端保持一致,API都是百度的,地图底图却是腾讯地图,这个有点坑。 微信小程序上地图的显示 最坑的是取到的经纬度也是腾讯地图的,好吧,手工校正 /** *腾讯地图转百度地图经纬度 */ qqMapTransBMap(lng, lat) { let x_pi = 3.1415926...
小程序map组件不显示坐标,且出现了bing地图的标识,解决。
map地图组件使用 &amp;lt;map id=&quot;map&quot; longitude=&quot;{{lng}}&quot; latitude=&quot;{{lat}}&quot; scale=&quot;14&quot; &amp;gt;&amp;lt;/map&amp;gt; 使用map的过程中出现一个问题,在onload方法中调用接口,对data中的lng和lat进行赋值,然后发现,map实际显示地图为空,没有坐标,而且下方出现了bing地图的标志,顿时懵逼,难道map组件使

相似问题

3
[腾讯地图]点击某一个Marker,然后样式更改。怎样让非点击的Marker样式回复原状?
1
提示错误request:fail ssl hand shake error
1
mapcap可以截取最新的高德地图,百度地图,谷歌地图以及腾讯地图吗?
2
微信小程序,在一个表单界面,将图片和其他数据一起存入云数据库中,怎么上传图片的存储路径
1
小程序调用腾讯地图 在调试模式正常使用 当关闭调试模式后 无法使用
1
微信小程序上传文件到nginx服务器,php后台接收图片,但是找不到页面
0
在SLAM地图上再标记已知点
1
微信小程序后端服务选择云开发和腾讯云有什么不一样
0
安卓继承腾讯TBS后,如何自定义出错页面?
0
微信小程序云开发 调用云函数时,data里怎么获取变量
1
微信小程序怎样可以让用户进行重拾定位
1
请教各位老师,在如何只知道视频链接的情况下(vid)能够获取到腾讯视频的m3u8链接?
1
微信小程序如何调用腾讯OCR
1
请问一般在直播里添加发红包的功能,应该怎么实现?
1
使用jmeter或者loadrunner对腾讯视频网站进行并发登陆测试
0
安卓使用腾讯内核的webview,ajax加载一些URL比较复杂的页面会报404
1
微信小程序 在onLoad中启用其他方法(设置缓存)并取出缓存中数据 取不到值 求解决
1
腾讯云相机预览中,点击相机拍照,返回是黑屏
1
微信小程序怎么选择地图?
0
腾讯TBS是否支持docx, xlsx等格式?