微信小程序地图周边功能如何实现
编辑:小飞燕 发布时间:2021-03-15 07:11:45
微信小程序图的外围功能怎么实现?地图上的周边功能是向你介绍你所在的某个点周围有哪些服务,这是一个非常人性化的功能,那么这个功能是如何实现的呢?下面小系列给大家介绍一下。
微信小程序图的外围功能怎么实现?
实施原则:
使用请求接口请求远程https接口,然后返回参数中位置的某种类型的外围信息,比较后将数据动态绑定到页面。本文使用的是搜索小程序界面。
实施步骤:
1.创建地图容器
微信小程序创建地图容器相对简单,只需要一个地图组件。以下代码将完成地图容器的创建:
小程序wxml:
2.全屏显示地图容器
上面的代码正常情况下可以创建一个map容器,但是创建的map的大小不够,所以我们需要将style属性匹配到map组件,这是wxml中几乎所有组件都支持的,主要用于配置主键的显示效果。以下地图全屏代码适用于wxml的其他组件:
-向地图组件添加样式:
在js中动态绑定高样式
我们可以用来确定全屏中组件的宽度,但是全屏中的高度没有影响。但是我们可以利用小程序的接口获取系统信息,获取系统的高度,然后动态绑定到地图组件。js代码如下:
3.介绍搜索地图小程序api
bmap-wx.js
解压bmap-wx.js,放入applet项目。我在这里创建一个名为utils的文件夹来保存这些第三方工具。
用var bmap=require('引入api./.js中的/utils/bmap-wx.js ')
注意:在开始使用这个api之前,我们还需要在搜索地图上获得一个微信小程序的特殊密钥。当得到这个密钥时,我们需要输入目标小程序的appid。
4.使用api获取外围信息
bmap.search界面是一个获取周边信息的界面,描述为:查找并显示所在位置周边的poi信息,快速了解“我身边有什么”。默认情况下,返回三种poi:生活服务、食物和酒店。
首先我们来看一个bmap.search :的用例。
从上面的代码可以看出,为了使用该界面,我们在页面数据中添加了三个数据:纬度、经度和标记,用于存储当前poi位置的标记和周围信息。随着数据被添加到页面中,相应的页面需要相应地改变,并且地图组件需要被简单地修改:
同时添加了两个简单的wxs,这是一个简单的添加到地图脚下的小程序导航样式:
这完成了一个简单的地图外围组件,几乎可以通过优化显示效果来使用。
下面是标题开头如何给小程序客服发消息。标题到此结束
微信小程序的客服功能和其他平台一样,是为了方便用户,帮助用户解决小程序使用中的一些问题。然而,许多用户不知道如何向小程序的客户服务发送消息。接下来,我们来解释一下如何给小程序的客服发送消息,以及一些关于小程序客服的相关信息。
用户可以使用小程序客服消息功能与客服人员进行沟通,但是在向小程序客服发送消息时,应该首先找到客服消息对话门户。
applet客户服务消息对话有两个入口点:
1.在小程序中:开发者可以添加客服消息小程序按钮组件,用户可以在小程序中调出客服会话的小程序页面,向小程序发送消息;
2.使用过的小程序的客服消息会汇总显示在微信会话“小程序客服消息”中。用户可以在小程序之外查看历史客户服务消息,并向客户服务发送消息。
客户服务消息传递条件:applet用户在applet中调用客户服务会话,或者用户向applet客户服务发送消息。具体传递时间有效期和消息数量限制请参考客服消息传递条件的描述
客服消息类型:目前支持文字和图片类型的消息
向小程序客户服务发送消息的两种方式:
1.调用发送客服消息的接口;
2.使用公共平台网络版客户服务工具
当用户与小程序的客户服务交互进行特定动作时,小程序可以向用户发送客户服务消息。
向小程序客户服务发送消息的规则:
目前允许的操作列表如下。触发不同的动作后,允许发出的消息数和发出的时限是不同的。当分发的文章数量达到上限时,将返回错误代码。
用户操作允许发布的文章数量限制了发布时间限制
用户通过客户服务消息按钮进入对话1分钟
用户在48小时内发送3条消息
可以发送的客户服务消息数量没有累计。上述用户操作将触发可发送消息数量和发送时限的更新。可发送的消息数被更新为当前可发送消息数限制的较大值,有效发送时间限制也被更新为比较长有效时间。
客服消息小程序调用发送客服消息
当用户在小程序中打开客服会话或向小程序客服发送消息时,微信服务器会将消息(或事件)的数据包(json或xml格式)发布到开发者填写的url。开发人员收到请求后,可以调用接口异步回复。
向小程序客户服务发送消息:
登录小程序,在“设置-开发设置-消息推送”中启用消息推送功能,完成相关信息(包括服务器地址、令牌和加密方式等)的配置。).
服务器配置启用设置后,用户发送的消息和开发者需要的事件推送会通过微信转发到开发者url。
看了以上信息,你知道怎么给小程序客服发消息吗?小编详细介绍了小程序向客服发送消息的步骤和相关规则,这样大家在发送消息时就可以避免出错。比较实用的小节目信息在源社网的小节目频道。
上一篇:微信小程序商店作用有哪些
下一篇:微信小程序活动报名入口有哪些
猜你喜欢
-
微信小程序地图开发技巧802人喜欢
微信小程序地图定位要怎么做?微信小程序刚发布内测就火了,而且备受人们关注。下面小编就来为大家讲解一下微信小程序地图定位要怎么做?要求要完成的功能:1.要完成的要点是城市定位。2.就是切换城市。首页我们先参照微信小程序开放的官方文档找到:在这里我们可以…
更新时间:2020-09-10 11:27:02
-
小程序地图如何缩小116人喜欢
小编之前介绍过让小程序地图全屏的效果,但是很多用户反映这样查看不方便。小程序图适当缩小后更容易查看,那么如何缩小小程序图呢?事实上,小程序地图中的缩放功能可以被专业地解释为地图控件…
更新时间:2021-04-04 14:04:30
-
微信小程序地图周边功能如何实现103人喜欢
微信小程序图的外围功能怎么实现?地图上的周边功能是向你介绍你所在的某个点周围有哪些服务,这是一个非常人性化的功能,那么这个功能是如何实现的呢?下面小系列给大家介绍一下。微信小程序图…
更新时间:2021-03-15 07:11:45
-
微信小程序地图气泡如何设置93人喜欢
微信小程序图的泡泡怎么设置?很多小程序开发者在想使用map功能的时候会用到map组件,这是小程序组件之一,但是你会在地图上发现气泡,那么如何在这些地图上设置气泡呢?让我们和小编一起了解一…
更新时间:2021-03-14 11:25:54
-
微信小程序地图导航85人喜欢
微信小程序已经成为网民生活中不可或缺的东西,现在不要害怕出门。微信小程序启动地图导航,甚至通过微信小程序将景点应用到地图导航中。这里有一些小编编写的景点地图导航应用程序。随着微信小…
更新时间:2021-04-19 09:57:09
-
微信小程序地图不放大怎么办83人喜欢
微信小程序图不放大怎么办?如何放大小程序图?有微信小程序管理人员说,微信小程序图开发成功后,微信小程序图没有放大。微信小程序图不放大怎么办?微信小程序图不放大怎么办?如果你的微信小…
更新时间:2021-03-14 11:15:32
-
关于微信小程序地图定位64人喜欢
微信小程序的地图定位怎么做?微信小程序一发布内部测试就火了,引起了人们的关注。下面的小系列会给你讲解如何做微信小程序的地图定位。需要完成的功能:1.要完成的重点是城市定位。2.就是换个…
更新时间:2021-03-27 16:30:39
-
微信小程序地图标记功能怎么弄61人喜欢
微信小程序的地图标注功能怎么获取?很多小程序开发者在使用微信小程序地图时会用到地图标注功能,那么如何在这些地图上实现标注功能呢?让我们和小编一起了解一下。微信小程序的地图标注功能怎…
更新时间:2021-03-14 11:14:22
-
微信小程序地图功能怎么开发52人喜欢
微信小程序的地图功能怎么开发?在开发微信小程序的过程中,开发微信小程序地图功能是必然的,尤其是在微信小程序商店中。微信小程序地图功能怎么开发?在接下来的内容中,我主要介绍了微信小程…
更新时间:2021-03-14 11:21:17
-
微信小程序地图缩放功能怎么实现46人喜欢
微信小程序的地图缩放功能怎么实现?在使用地图的时候,大家都会用到地图的缩放功能,那么在小程序的开发中如何实现这么简单的功能呢?下面小系列就给大家简单介绍一下。微信小程序的地图缩放功…
更新时间:2021-03-14 11:27:03
-
微信小程序地图控件置底如何设置42人喜欢
微信小程序的地图控件怎么设置?小程序的地图控制包括缩小和扩展地图的加减和定位控制。很多时候定位控件要放在屏幕底部,那么怎么设置呢?下面跟着小系列来了解一下。微信小程序的地图控件怎么…
更新时间:2021-03-14 11:16:41
-
微信小程序地图scale功能怎么使用40人喜欢
由于小程序功能强大,使用微信小程序的人越来越多。最近有用户用小程序地图表示很有用,但是在坐标方面还是有些问题,需要微信小程序地图比例尺功能。微信小程序地图比例尺功能怎么用?canvasco…
更新时间:2021-04-04 14:01:38