1. 程式人生 > >小程式 - 使用騰訊地圖

小程式 - 使用騰訊地圖

詳情參看官方文件 位置 wx.openLocation(Object object)

.xtml程式碼:

<!-- 繫結的資料通常由後臺介面獲得 -->
<view     
  catchtap="openMap" 
  data-lat="{{data['lat']}}" 
  data-lng="{{data['lng']}}"
  data-address="{{data['address']}}"
  data-name="{{data['store_name']}}"
>
  開啟騰訊地圖
</view>

.js程式碼:

openMap (event) {
  let lat = parseFloat(event.currentTarget.dataset.lat);
  let lng = parseFloat(event.currentTarget.dataset.lng);
  let address = event.currentTarget.dataset.address;
  let name = event.currentTarget.dataset.name;

  wx.openLocation({
    latitude: lat,
    longitude: lng,
    scale: 17,
    name: name,
    address: address
  });
},