小程序调起手机拨号功能和唤起手机地图 APP 功能的实现

当我们在小程序中，看到手机号码或者地址信息时，点击页面的电话，会调出手机拨号键盘，显示相应的拨打电话；同样我们点击地址时，会自动定位到地址中的位置，通过打开 APP 查看到地址去的路线。如何调起手机拨号功能和唤起手机地图 APP 功能呢？

首先我们来说一下，调起手机拨号功能。微信官方提供了 wx.makePhoneCall 这个 API 来拨打电话。

wx.makePhoneCall({
  phoneNumber: '1340000' //仅为示例，并非真实的电话号码
})

将 phoneNumber 改成自己相应拨打的电话即可实现。

同样微信官方还提供了 wx.openLocation API，使用微信内置地图查看位置。

wx.openLocation({
    latitude,
    longitude,
    scale: 18
})

注意：这里有两个参数是必传字段：latitude、longitude。

由于我们拿到地址信息，而不是经纬度，那么我们如何将地址信息转换为经纬度呢？

这里我采用的是 腾讯地图 进行 地址解析 官网。

首先我们需要申请 key（基本设置），然后调用 geocoder 方法，即地址解析（地址转坐标），这里传入 address 字段即可。

// 引入SDK核心类
var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');

var qqmapsdk = new QQMapWX({
  key: 'xxx'                      //必需，自己申请
})
qqmapsdk.geocoder({
  address: '广东省广州市海珠区同福东路640号',  //需要转换为经纬度的地址
  success: function (res) {               
    let location = res.result.location    //经纬度对象
    wx.openLocation({ 
      type: 'gcj02',                      
      latitude: location.lat,
      longitude: location.lng,
      scale: 18,
      address: e.detail
    })
  },
  fail: function (res) {
    wx.showToast({
      title: '地址解析失败',
      icon: 'none',
      duration: 2000
    })
  }
})