1、在手机上打开微信,然后在微信主界面,点击下面的“发现”标签。
2、在打开的发现窗口中,点击“小程序‘菜单项。
3、在打开的微信小程序页面中,点击右上角的搜索按钮
4、接下来在搜索框中输入地图进行搜索,点击搜索结果中的腾讯地图菜单项。
5、这时我们的微信小程序马上定位到当前的位置,在地图页面顶部输入要到达的目的地
6、在搜索结果中点击路线按钮。
7、这时小程序就会给出导航的方案,选择其中一个方案,然后点击导航按钮就可以了。
1、插件申请接入:
在腾讯公众平台中, “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务地图选点” 申请,审核通过后,小程序开发者可在小程序内使用该插件。
2、引入插件包: 地图选点appId: wx76a9a06e5b4e693e(点击浏览插件最新版本)
3、设置定位授权:
地图选点插件需要小程序提供定位授权才能够正常使用定位功能:
4、使用插件:
插件页面调用示例:
5、插件返回数据
让微信小程序中间的图标也跟着图上下滑动方法如下:1、在WXML文件中创建一个固定高度的区域,并设置其为可滚动的。
2、在该区域内添加两个元素:一个用于显示上下滑动的图片,另一个用于显示图标。
3、在CSS样式文件中,对这两个元素分别设置相应的位置和样式。其中,上下滑动的图片需要设置position:absolute。top:0。left:0。width:100%。height:auto。z-index:-1。等属性,使其能够覆盖住整个区域并与图标区分开来。而图标元素则需要设置position:relative。等属性来保证其相对于父元素的位置不变。
4、使用JavaScript监听区域的滚动事件,获取当前滚动位置,并将其赋值给图标元素的top属性,以实现图标随着滚动上下移动。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)