uniapp （H5、小程序、app）地图导航

H5地图导航

腾讯地图

window.location.href =  http://apis.map.qq.com/uri/v1/marker?marker=coord:lat,lng;addr:address

其中lat、lng、address分别为经纬度和详细地址三个参数

小程序、app

uni.openLocation({latitude: lat-0,//要去的纬度-地址       longitude: lon-0,//要去的经度-地址name: e,//地址名称address: e,//详细地址名称success: function () {console.log('导航成功');},fail:function(error){console.log(error)}});

这里的lat-0和lon-0是因为你获取的经纬度是string类型的，uni.openLocation需要的参数类型是number类型的

如果同一个项目需要同时用到H5导航、小程序、app可以用一下方法区分：

只能用于app
// #ifdef APP-PLUS
//#endif

小程序 app
//#ifndef H5
//#endif

h5 小程序
//#ifdef H5 || MP-WEIXIN
//#endif

h5
//#ifdef H5
//#endif

小程序
//#ifdef MP-WEIXIN
//#endif

官网地址：https://uniapp.dcloud.io/platform?id=%e6%9d%a1%e4%bb%b6%e7%bc%96%e8%af%91

uniapp （H5、小程序、app）地图导航相关推荐

uniapp微信小程序实现地图导航
利用点击事件调用handleMapLocation()这个方法时获取了自己的定位,考虑到用户拒绝获取自己的定位所以当用户再次点击后会唤起设置让用户打开定位 handleMapLocation() { ...
基于Uni-APP多端「h5+小程序+App」高仿抖音小视频|直播|聊天实例
uni-ttLive 基于uni-app+uView-ui跨端开发短视频+直播聊天实例. 全新研发的一款多端仿制抖音短视频+直播+聊天项目,基于uniApp+Vue.js+Vuex+Nvue+uVie ...
uni-app实现小程序沉浸式导航栏/顶部组件占满导航栏
uni-app实现小程序沉浸式导航栏/顶部组件占满导航栏如果你只是想单纯的让屏幕最上方的那个组件(比如swiper)将通知栏(导航栏)填充满,那么你只需要在page.json文件中加入以下代码到你想 ...
uniapp微信小程序 map地图markers图标不显示，markers图标真机调试不显示
uniapp微信小程序 map地图markers图标不显示,markers图标真机调试不显示举例: 预期效果如下,蓝色为用户位置,红色为店铺位置均为自定义图标实际发布后手机上的效果 (此处忽略位置 ...
uniapp 微信小程序选择地图位置并返回经纬度及详细地址（uni.chooseLocation和高德地图api两种方式实现）
uniapp 微信小程序实现选择地图位置功能最近在做商家小程序,就是用于给实体店老板进行网上开店的小程序. 其中有一项功能就是获取商店的位置,要求支持:获取当前定位/检索到指定位置/地图选点等功能, ...
9.mallplus -uniapp 制作 h5 小程序 app商城
1.已完成首页数据展示 2.商品详情和规格选择 3.支持spu,sku加入购物车下单,小程序微信支付和小程序微信登录,余额支付 4.地址管理,收藏管理足迹管理订单管理 > 发布页面 h ...
【纯开源uniapp】小程序APP网约车代驾顺风车货运货拉拉网约车司机入驻双端小程序包搭建
系统是基于Thinkphp+uniapp开发的,开源源码买这套源码可以拿回去自己做二开特此声明:本店所售程序只供娱乐模拟测试研究,不得使用于非法用途,不得违反国家法律,否则后果自负!购买以后使用一切 ...
WANLSHOP 直播短视频种草多用户电商系统源码自营+多商户+多终端（H5+小程序+APP）
WANLSHOP高级版可用于自营+外包项目(多主体). 可用于外包定制开发项目. 提供开源源码,私有化部署.一款基于 FastAdmin + Uni-APP 开发的多终端(H5移动端.APP.微信 ...
微信小程序进行地图导航,地图展示功能
(1)点击调用微信内置地图 wx.getLocation 会弹出自己的授权框页面调用js: 点击调用\onLoad里面调用 address(){wx.getLocation({//获取当前经纬度ty ...
uniapp微信小程序使用地图选点插件
uniapp使用腾讯位置服务地图选点文章目录 uniapp使用腾讯位置服务地图选点效果图 1. 在公众平台申请插件 2. 引入插件 3. 设置定位授权: 4. 使用插件效果图 1. 在公众平台申 ...

uniapp （H5、小程序、app）地图导航

uniapp （H5、小程序、app）地图导航相关推荐

最新文章

热门文章