需求分析: 一些小程序打开后,以文字形式显示用户所在位置,如果用户觉得不准,可以打开地图,在地图上自己选择位置,选择完成后,显示的用户的位置会发生变化.今天我们就来看一下如何实现这个功能
最近在做一个微信小程序地图插件,通过传入起始位置名称和经纬度信息,就可以跳转到路线规划插件页面中,在该页面中,可以根据起始位置查询自驾,公共交通,步行等方式的路线信息,并且在地图上显示路线信息,在这个过程中,用到了微信小程序的组件map和腾讯地图sdk,接下来主要对微信小程序的地图开发进行总结
一、微信小程序地图组件
为了方便微信小程序使用地图的相关功能,微信小程序为我们提供了map组件,通过这个组件,我们可以很简单的引入地图,并且还可以进行个性化地图的开发
微信小程序提供的地图组件,使用该组件只需要在wxml文件中加入下面的代码
如果完成了上面几个步骤,我们就可以在微信小程序中使用腾讯地图服务啦,在微信小程序中新建一个项目,写入APPID,记得这个APPID需要在微信公众平台中进行了域名的配置,不然会报错
下面举一个简单的小例子,给定起点和终点经纬度,计算出起点和终点之间的路线
首先,需要引入我们刚才下载的JavaScriptSDK
进行API核心类的实例化
接着,我们需要通过调用路线规划的接口direction获取路线,direction接口可以提供驾车、骑行、步行、公交等路线规划功能
direction接口传入的参数如下
下面给一个根据起点和终点实现路线规划的例子
腾讯地图服务还提供了距离计算等其它功能,具体功能可以查看腾讯地图服务官方文档
刚开始接触微信小程序,还有很多东西需要学习,大家一起交流学习呀
内容来源于网络如有侵权请私信删除
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。