微信小程序如何设置地图导航

微信小程序如何设置地图导航

登入到速成应用平台账号，进入到“小程序模板”页面，选择“新建空白小程序”或选中某个模板后点击“使用”，随后设置下项目封面和标题，进入到小程序编辑页面；可以使用文本、图片等组件，将选中的组件（如文本）点击/拖拽到右边“编辑框页面中”，如下截图

二 、如何设置地图导航

点击放置在模板中的组件（如文本）然后右侧面板点击“事件-功能-调用功能-地图导航”进行设置。

三 、如何绑定位置信息

右侧面板设置好地图导航，点击“地图管理-功能数据管理-地图管理”添加地址，填写公司名称、位置信息，保存；返回编辑页面并点击保存，然后刷新页面，选择文本并点击“事件-功能-绑定地址”，会出现我们刚设置好的“公司名称”，选中他即绑定成功。说明：可显示路线并调用手机上“地图app”。

好了，今天的学习就到了，小姐姐希望阔爱的你可以鼓起勇气，用上地图导航，让它引导你走到心上那个人儿所在的地方。恋人也罢，朋友、亲人也罢，相信你将不虚此行~

（1） wx.showNavigationBarLoading() 显示导航加载进度

（2） wx.hideNavigationBarLoading() 隐藏导航加载进度

（3） wx.stopPullDownRefresh() 停止下拉刷新

微信小程序设置子母导航步骤如下1、页面主要是围绕scroll-view来实现大体功能。在wxml定义scroll-view标签，设置允许纵向滚动，同时设置页面高度为获取屏幕高度且不允许下拉刷新，这样用户所有的 *** 作都会在我们所定义的区域内完成。1，在App.js中获取屏幕高度2、在js文件中定义数据源，也可以通过接口的方式返回，来绘制A-Z的字母列表。在js文件onLoad事件中通过遍历，得到一个26位首字母的数组，并将其在页面进行渲染显示。图片3.2，在页面JS得到一个26位字母的数3、通过响应触摸响应事件的监听回调，获取到首字母。在wxml中给渲染字母的容器增加bindtouchstart、bindtouchend、catchtouchmove等事件，可以的话可以再加上一个选择悬浮显示，让界面更加友好及便利。4、将监听回调获取到的首字母进行匹配渲染与scrollview结合起来。

---