微信小程序中导航功能如何跳转到高德地图手机app

新手学堂025

微信小程序中导航功能如何跳转到高德地图手机app,第1张

微信小程序中导航功能如何跳转到高德地图手机app?使用wxopenLocation可以调用腾讯地图,下方有个按钮可以直接跳转腾讯街景,腾讯地图APP高德APP,手机上已安装APP就直接打开,没安装就提示安装。现在了解到了方法是使用wxopenLocation(OBJECT)先将位置显示在微信内置地图上,然后在通过微信调用app。

微信小程序使用腾讯地图不需要配额。

1、根据查询相关公开资料显示:微信小程序使用腾讯地图不需要配额,微信小程序使用腾讯地图是简单地定位、导航,不收费,有接口,对接上就可以,故微信小程序使用腾讯地图不需要配额。

微信导航功能开启及使用,微信导航添加到桌面

微信导航功能开启及使用

第一步:首先我们来找到微信导航功能并将其开启。我们打开自己的手机微信,在微信主页下方点击发现,然后点击小程序

第二步:此时我们将进入到如下图所示的小程序界面,我们点击界面上方附近的小程序,查找导航小程序。

第三步:我们点击附近的小程序后将进入如下图所示的小程序查找界面,我们在查询框中输入腾讯地图,然后进行搜索。

第四步:搜索完成后将在界面中显示搜索结果,如下图所示,搜索到两个相关的地图小程序,我们点击腾讯地图+。

第五步:此时将进入腾讯地图小程序,如果是在微信中首次进入,则将弹出位置获取允许对话框,我们选择允许

第六步:此时就开启了微信导航功能,下面我们来使用微信导航功能,如下图所示,我们在微信腾讯地图小程序上方的找到搜索地点输入框,我们点击此输入框。

第七步:此时将进入地点搜索界面,如下图所示,我们在输入框中输入我们想要查找或想要去的地点,如搜索街道口,然后点击输入框右侧的搜索。

第八步:搜索完毕后将显示如下图所示界面,在界面中有红色地点标识了我们查找或想要去的地点,我们可以查看详情和进行地图缩放,这里我们点击界面右下角的路线。

第九步:点击路线后将进入如下图所示的路线设置界面,我们可以更改我们的起点位置、目的地和出行方式,选择好后我们点击右下角的导航按钮即可使用导航了。

第十步:点击导航后将进入如下图所示的导航界面,此时微信导航小程序将贴心地为我们导航,告诉我们怎么前往目的地、还显示路况、剩余距离和时长等信息。

下面我们将微信导航小程序添加到桌面快捷方式,方便我们使用,我们进入微信腾讯地图小程序界面,如下图所示,点击右上角的详情。。。菜单。

编程技术

开发小程序需要的是编程基础,需要学习的技术如下:

1、微信小程序wxml,这个语言的编程理念和html网页的编程技术是类似的。

2、微信小程序之wxss,就是微信的css。微信把网页编程里运用的css,换成了自己的开发语言,wxss,其实主要的实现思想理念也和网页的开发技术基本没什么不同,也是一些标签的简单替换,大部分和原先的css、基本不误。

3、微信小程序之js,如果你想开发一款微信小程序学会微信小程序的js是必须要精通的

4、微信小程序之json,简单来说json就是微信小程序的一门主次的界面,工程师们可以通过json控制上下菜单栏、主次的页面展示顺序,不过用的频率不高,只是在基本的小程序的框架构架才会应用到。

其实,小程序类似于H5面,提供了视图层描述语言,需要掌握WXML和WXSS以及基于JavaScript的逻辑层框架,这里wxml相当于html,wxss相当于css。

微信小程序管理员可以通过使用微信小程序管理后台中的地图组件来发布地图。

首先,登录微信小程序管理后台,点击“组件”,找到“地图”组件,点击“添加”,输入地图相关信息,设置合适的参数。

然后,点击“保存”即可发布地图。

最后,可以利用地图组件的API来控制地图的行为,实现基本的定位、导航等功能。