这里主要说一下实现这三个功能的主要组件及接口使用。
先上效果图：
一: 实现打电话主要调用如下API接口：
wx.makePhoneCall({
phoneNumber: '029-xxxxxxx',
success: function () {
console.log("拨打电话成功！")
},
fail: function () {
console.log("拨打电话失败！")
}
})
|
二:实现在线地图导航API如下：
wx.openLocation({
latitude: 34.246720,
longitude: 108.844530,
scale: 18,
name: 'xxx',
address: 'xxxxxxxxxx'
})
|
三:实现在线客服消息的功能稍微复杂一些,实现步骤如下：
1，代码中添加如下组件接口代码：
<button open-type="contact" class='mobutton'></button> |
这里需要添加一个button组件。指定open-type属性值为"contact".这样我们就建立了与微信客服后台直接的联系。
当用户点击按钮进入会话发送消息的时候。我们的消息将推送至微信后台，微信客服后台界面如下：
要使会话有效需要到小程序后台配置客服人员.界面如下：
配置好客服人员后。就可以正常使用了。
注意：小程序需要从开发版上传审核。然后发布上线。这样外部才可以正常使用。