php微信地图定位导航,微信小程序实现定位及到指定位置导航的示例代码

一：实现定位及到指定位置导航所需组件及API

1：组件：map(地图组件)

2：API：wx.getLocation(Object object)(获取当前的地理位置、速度)，wx.openLocation(Object object)(使用微信内置地图查看位置)

二：代码实现

1：wxml

longitude="{{longitude}}"

latitude="{{latitude}}"

scale="14"

markers="{{markers}}"

bindmarkertap="markertap"

bindregiοnchange="regionchange"

show-location

style="width: 100%; height: 300px;"

导航

2：js

//js

Page({

/**

* 页面的初始数据

data: {

//设置标记点

markers: [

{

iconPath: "/images/ljx.png",

id: 4,

latitude: 31.938841,

longitude: 118.799698,

width: 30,

height: 30

}

//当前定位位置

latitude:'',

longitude: '',

navigate() {

使用微信内置地图查看标记点位置，并进行导航

wx.openLocation({

latitude: this.data.markers[0].latitude,//要去的纬度-地址

longitude: this.data.markers[0].longitude,//要去的经度-地址

})

onLoad() {

//获取当前位置

wx.getLocation({

type: 'gcj02',

success: (res) => {

console.log(res)

this.setData({

latitude: res.latitude,

longitude: res.longitude

})

}

})

}

})

根据如上即可实现自身定位及到指定位置的导航，如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

php微信地图定位导航,微信小程序实现定位及到指定位置导航的示例代码相关推荐

微信小程序实现直播间点赞飘心效果的示例代码
微信小程序实现直播间点赞飘心效果的示例代码 https://blog.csdn.net/qappleh/article/details/83865874
[微信小程序]计算自己手机到指定位置的距离
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 正文: 目的: 根据目的地的坐标计算自己手机的位置离目的地的距离的核心思路: 后续操作必须等所有异步请求都返 ...
微信小程序获取定位后使用腾讯地图解析到市位置
微信小程序获取定位解析当前城市位置咱们就话不多说,这呢是我第一次发布文章,第一次使用,所以使用的也比较简单,也还不是很熟悉,接下来呢就直接上代码吧,希望喜欢的朋友可以关注关注嘿嘿首先我们需要引入腾 ...
微信小程序实时定位（腾讯地图）
微信小程序实时获取地理位置-腾讯地图微信小程序-获取当前城市位置: 一. 我用的腾讯定位服务 https://lbs.qq.com/ 打开之后点击控制台 2.我们创建自己的密匙key 3.下载微信小 ...
微信小程序实现定位及到指定位置导航
一:实现定位及到指定位置导航所需组件及API 1:组件:map(地图组件) 2:API:wx.getLocation(Object object)(获取当前的地理位置.速度),wx.openLocat ...
微信小程序，定位位附近门店
微信小程序,定位位附近门店首先看下效果图在uni-app插件市场有发布插件,详情代码可以去下载链接: https://ext.dcloud.net.cn/plugin?id=615 gitee: ...
微信小程序接入第三方插件腾讯位置服务地图选点
微信小程序接入第三方插件腾讯位置服务地图选点 1.在小程序服务平台中添加"腾讯位置服务地图选点"插件 1.在小程序服务平台中添加"腾讯位置服务地图选点"插件微 ...
微信小程序产品定位及功能介绍
产品定位及功能介绍微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 小程序注册注册小程序帐号在微信公众平台官网首页(mp.weixin.qq ...
微信小程序蓝牙ibeacon_微信开放蓝牙iBeacon接口小程序靠近原生APP功能
腾讯一直要连接一切,特别是新的物联网浪潮涌来的时候,不管大众重视程度与否,微信已经又走在了我们前面.在物联网中最基础最通用的当属每个人手机上都具有的蓝牙功能.所以,继2014年微信开放了基于低功耗蓝牙 ...

php微信地图定位导航,微信小程序实现定位及到指定位置导航的示例代码

php微信地图定位导航,微信小程序实现定位及到指定位置导航的示例代码相关推荐

最新文章

热门文章