微信小程序调用地图api

调用地图 API 需要先获取到开发者密钥（AK），然后通过 HTTP 请求的方式发送请求，获取到对应的地图数据。微信小程序中可以使用微信官方提供的地图组件 `<map>`，同时也可以使用第三方的地图组件。

以下是使用微信官方提供的地图组件 `<map>` 调用地图 API 的示例代码：

<!-- 在 WXML 文件中引入地图组件 -->
<map latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}" />

<!-- 在 JS 文件中设置数据 -->
Page({
  data: {
    latitude: 39.915,
    longitude: 116.404,
    markers: [{
      id: 0,
      latitude: 39.915,
      longitude: 116.404,
      title: 'Marker 1',
      iconPath: '/path/to/icon.png',
      width: 50,
      height: 50
    }]
  },
  onLoad: function() {
    // 发送 HTTP 请求获取地图数据
    wx.request({
      url: 'https://api.map.baidu.com/geocoder/v2/',
      data: {
        ak: 'your_ak',
        location: this.data.latitude + ',' + this.data.longitude,
        output: 'json',
        pois: 1
      },
      success: function(res) {
        console.log(res.data);
      }
    });
  }
});

其中，`<map>` 组件用于显示地图，`latitude` 和 `longitude` 分别用于设置地图的中心点坐标，`markers` 用于设置地图上的标记点。在 `onLoad` 函数中，通过 `wx.request` 发送 HTTP 请求获取地图数据，其中 `ak` 参数为开发者密钥，`location` 参数为要查询的地理位置坐标，`output` 参数为返回数据格式，`pois` 参数为是否返回周边信息。

注意：在使用地图 API 时，需要遵守 API 的使用规定，不得超过 API 的访问限制。