高德地图如何引入到小程序中

要将高德地图引入到小程序中，需要进行以下步骤：

1. 在小程序后台，开通插件功能，并添加高德地图插件。

2. 在小程序页面的 JSON 配置文件中，添加 "usingComponents" 字段，引入高德地图组件。例如：

{
  "usingComponents": {
    "amap": "plugin://myPlugin/amap"
  }
}

其中，"myPlugin" 为高德地图插件的 appId，"amap" 为组件的名称。

3. 在小程序页面的 WXML 模板中，使用高德地图组件。例如：

<amap id="map" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}"></amap>

其中，"longitude" 和 "latitude" 分别为经度和纬度，"markers" 为标记点列表。

4. 在小程序页面的 JS 文件中，编写业务逻辑代码，如获取当前位置、添加标记点等。可以使用高德地图提供的 API，例如：

const amap = requirePlugin('myPlugin')

Page({
  data: {
    longitude: 0,
    latitude: 0,
    markers: []
  },

  onLoad() {
    // 获取当前位置
    wx.getLocation({
      success: res => {
        this.setData({
          longitude: res.longitude,
          latitude: res.latitude,
          markers: [{
            id: 0,
            longitude: res.longitude,
            latitude: res.latitude,
            title: '当前位置',
            iconPath: '/images/location.png'
          }]
        })
      }
    })
  },

  // 添加标记点
  addMarker() {
    const markers = this.data.markers
    const id = markers.length
    markers.push({
      id: id,
      longitude: this.data.longitude + Math.random() * 0.1,
      latitude: this.data.latitude + Math.random() * 0.1,
      title: `标记点${id}`,
      iconPath: '/images/marker.png'
    })
    this.setData({
      markers: markers
    })
  }
})

以上就是将高德地图引入到小程序中的基本步骤。需要注意的是，使用高德地图插件需要开发者在小程序管理后台进行审核和申请，同时需要遵守高德地图的使用条款和服务协议。