小程序地图导航功能实现(勾起使用外部高德或者腾讯地图)

原理就是:使用sdk 解析地址成经纬,再唤起小程序地图解析,然后通过这个选择使用外部的地图软件。

首先使用:先去下载腾讯地图sdk,将其引用。

第一步:

var QQMapWX = require(‘../../map/qqmap-wx-jssdk.min.js‘);

const wxMap = new QQMapWX({

key: ‘*********‘ // 必填

});

第二步:解析地址

//解析地址为经纬

detaiAddress: function (e) {

var that = this;

wxMap.geocoder({

//获取表单传入地址

address: ‘广州大舜丽池国际酒店‘, //地址参数,例:固定地址,address: ‘北京市海淀区彩和坊路海淀西大街74号‘

success: function (res) { //成功后的回调

console.log(res);

var res = res.result;

var latitude = res.location.lat;

var longitude = res.location.lng;

that.data.returnDetail = res.title;

that.lunchMap(latitude, longitude); //唤起地图

},

fail: function (error) {

console.error(error);

},

complete: function (res) {

console.log(res);

}

})

},

第三步,唤起小程序内置地图

//唤起地图

lunchMap: function (latitude, longitude) {

var that = this;

wx.openLocation({

latitude: latitude, // 纬度,浮点数,范围为90 ~ -90

longitude: longitude, // 经度,浮点数,范围为180 ~ -180。

name: ‘大舜丽池国际酒店‘, // 地图上显示的位置名

address: ‘‘, // 地址详情说明

scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大

infoUrl: ‘‘ // 在查看位置界面底部显示的超链接,可点击跳转

});

},

最后:

原文地址:https://www.cnblogs.com/wxhhts/p/10886450.html

时间: 2024-10-09 23:54:30

小程序地图导航功能实现(勾起使用外部高德或者腾讯地图)的相关文章

基于MySQL + Node.js + Leaflet的离线地图展示,支持百度、谷歌、高德、腾讯地图

1. 基本说明 本项目实现了离线展示百度.谷歌.高德.腾讯地图.主要功能如下: 实现了地图瓦片图下载.存储.目前支持存储至MySQL Node.js服务调用MySQL中的瓦片图 Leaflet展示地图 展示效果如下: 2. 地图瓦片下载工具及配置 工具下载链接: http://pan.baidu.com/s/1qYoHj4K 密码: ehgh 工具使用方法: 数据库配置 打开工具目录中的 MapDownloader.exe.config 文件.根据实际情况填写如图中的配置信息. 地图瓦片图下载

小程序应用的Python服务器部署高配,依然是腾讯云秒杀阿里云!

上一篇文章,“小程序创业最低配置部署,腾讯云折扣秒杀阿里云!”介绍了小程序项目启动时的最低配置服务器选择,但当项目良好发展时,还是要把服务器配置调整到标准水平,承受住日益增长的流量访问. 随着Python的流行,直接用Python来部署Web服务器变成一个需求.但Python自带的Flask或传统的DJango都是基于阻塞io模型实现,性能上往往达不到生产环境大规模跑用户的需求.Tornado在底层io处理机制上和django以及flask有着根本的区别,采用了非阻塞io模型,也特别适合小程序用

微信小程序wx.getLocation()获取经纬度及JavaScript SDK调用腾讯地图API获取某一类地址

简介 腾讯位置服务为微信小程序提供了基础的标点能力.线和圆的绘制接口等地图组件和位置展示.地图选点等地图API位置服务能力支持,使得开发者可以自由地实现自己的微信小程序产品. 在此基础上,腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包,可以在小程序中调用腾讯位置服务的POI检索.关键词输入提示.地址解析.逆地址解析.行政区划和距离计算等数据服务,让您的小程序更强大! 有时候我们在做微信小程序时有些功能需要获取当前的地理位置及附近地点的一些要求,但是

微信小程序map地图的一些使用注意事项

1.小程序组件map,在微信7.0.4以上(不包括7.0.4)层级问题官方已作更新,可在map上随意添加任何标签使用z-index即可:微信7.0.4版本以下map组件层级默认是最高的,只能使用官方提供的cover-view及cover-image可覆盖原生组件: 2.小程序map自定义个性化地图设置: 1)进入小程序平台,点击开发找到开发者工具,点击腾讯位置服务的查看详情,进入腾讯小程序官网,点击立即接入,选择个性化地图 2)选好地图模板,点击提交 3)复制密钥 4)在小程序map里加上复制好

微信小程序正式上线 可置于聊天窗口顶部

文/腾讯科技 韩依民 历经一年的等待后,小程序在2017年1月9日凌晨终于揭开神秘面纱,正式上线. 微信小程序推广海报 随着小程序正式上线,用户现在可以通过二维码.搜索等方式体验到开发者们开发的小程序了. 用户只要将微信更新至最新版本,体验过小程序后,便可在发现页面看到小程序TAB,但微信并不会通过这个地方向用户推荐小程序. 值得一提的是,小程序提供了显示在聊天顶部的功能,这意味着用户在使用小程序的过程中可以快速返回至聊天界面,而在聊天界面也可快速进入小程序,实现小程序与聊天之间的便捷切换. 微

微信小程序开发3-小程序的代码组成

1.?小程序由配置代码JSON文件.模板代码 WXML 文件.样式代码 WXSS文件以及逻辑代码 JavaScript文件组成 2.JSON: (JavaScript Object Notation) 是一种轻量级的数据交换格式.是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色.它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据.简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言. 易于人阅读

银钻娱乐客服15687949443关于小程序常见问题,看完你就是老司机

怎么开通小程序?怎么注册小程序名称呢......云指在运营的过程中,收到了很多朋友类似这样的问题反馈.今天为大家送上贴心的100个关于小程序Q&A,帮助大家把所有问题一扫而光,看完你就是老司机了. 1.Q:微信支付主体需要和小程序主体一致吗? A:必须是主体一致的 2.Q:一般微信支付开通需要多久? A:1-5个工作日 3.Q:微信支付商户填写结算账户找不到开户银行的处理方法 A:微信支付商户申请填写结算账户时如果找不到所在的银行,请选择“其他银行”后手动填写所在支行全称,例如:建设银行佛山市环

小程序开发运营必看:微信小程序平台运营规范

一.原则及相关说明 ? 微信最核心的价值,就是连接——提供一对一.一对多和多对多的连接方式,从而实现人与人.人与智能终端.人与社交化娱乐.人与硬件设备的连接,同时连接服务.资讯.商业. ? 微信团队一直致力于将微信打造成一个强大的.全方位的服务工具.在此基础上,我们推出了微信小程序这个产品,提供给微信小程序的开发者在微信内搭建和实现特定服务.功能的平台.通过全面开放的能力,我们将更多连接的可能给予企业和服务提供者,并为微信小程序提供基础的接入能力.运营环境和规则体系,进而帮助更多的企业和服务提供

微信小程序来了 要杀死一切App

从昨晚一些自媒体开始陆续爆料,到微信官方宣布,这一次只隔了短短几小时.就在刚刚,今天早晨,微信官方正式宣布“应用号”开始内测,并暂定名为“小程序”. 应用号变成小程序 腾讯高级副总裁张小龙也在其朋友圈发布了相关消息,截图信息显示,张小龙所说的小程序,在市场上人们更为熟知的名字就是“应用号”. 所谓应用号,即微信公众平台提供一种新的开放能力,开发者可以快速开发一个小程序. 据蓝鲸传媒报道,此次内测数量有限,数量只有几百个.腾讯内部明确的是小程序不能和APP跳转,而且支持扫码进入小程序.对于个人已结