1、在手机上打开微信,然后在微信主界面,点击下面的“发现”标签。
2、在打开的发现窗口中,点击“小程序‘菜单项。
3、在打开的微信小程序页面中,点击右上角的搜索按钮
4、接下来在搜索框中输入地图进行搜索,点击搜索结果中的腾讯地图菜单项。
5、这时我们的微信小程序马上定位到当前的位置,在地图页面顶部输入要到达的目的地
6、在搜索结果中点击路线按钮。
7、这时小程序就会给出导航的方案,选择其中一个方案,然后点击导航按钮就可以了。
微信小程序如何设置地图导航
登入到速成应用平台账号,进入到“小程序模板”页面,选择“新建空白小程序”或选中某个模板后点击“使用”,随后设置下项目封面和标题,进入到小程序编辑页面;可以使用文本、图片等组件,将选中的组件(如文本)点击/拖拽到右边“编辑框页面中”,如下截图
二 、如何设置地图导航
点击放置在模板中的组件(如文本)然后右侧面板点击“事件-功能-调用功能-地图导航”进行设置。
三 、如何绑定位置信息
右侧面板设置好地图导航,点击“地图管理-功能数据管理-地图管理”添加地址,填写公司名称、位置信息,保存;返回编辑页面并点击保存,然后刷新页面,选择文本并点击“事件-功能-绑定地址”,会出现我们刚设置好的“公司名称”,选中他即绑定成功。说明:可显示路线并调用手机上“地图app”。
好了,今天的学习就到了,小姐姐希望阔爱的你可以鼓起勇气,用上地图导航,让它引导你走到心上那个人儿所在的地方。恋人也罢,朋友、亲人也罢,相信你将不虚此行~
一、设置自定义顶部导航
Navigation是小程序的顶部导航组件,当页面配置 navigationStyle 设置为 custom 的时候可以使用此组件替代原生导航栏。
1.全局顶部导航自定义,在app.json的“window”里添加"navigationStyle": "custom"
2.只在某一个页面自定义顶部导航,在该页面的json文件里添加"navigationStyle": "custom"
二、具体的导航块根据需要自行书写
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)