生成瓦片地图切片文件夹后，要怎么导入小程序地图

在小程序中使用瓦片地图切片，需要通过小程序开发者工具将切片文件夹导入到项目中，并使用相应的代码调用地图组件。

具体步骤如下：

1. 将生成的瓦片地图切片文件夹复制到小程序项目的根目录下（或者任意一个指定的目录下）。

2. 在小程序开发者工具中，打开项目并进入 app.json 文件，在 usingComponents 字段中添加地图组件的自定义组件路径，如下所示：

"usingComponents": {
  "map": "/components/map/map"
}

3. 创建一个地图组件，可以使用小程序开发者工具自动生成，或者手动创建一个自定义组件，并在组件内部使用 wx.createMapContext() 方法创建地图上下文，如下所示：

<map id="myMap" longitude="{{longitude}}" latitude="{{latitude}}" scale="{{scale}}" markers="{{markers}}" show-location="{{showLocation}}" />

Page({
  data: {
    longitude: 113.324520,
    latitude: 23.099994,
    scale: 14,
    markers: [{
      id: 0,
      latitude: 23.099994,
      longitude: 113.324520,
      title: 'T.I.T 创意园',
      iconPath: '/resources/my_marker.png',
      width: 50,
      height: 50
    }],
    showLocation: true
  },
  onReady: function (e) {
    // 使用 wx.createMapContext 获取 map 上下文
    this.mapCtx = wx.createMapContext('myMap')
  }
})

4. 在组件中使用 mapCtx.setMapStyle() 方法设置地图样式，使用 mapCtx.includePoints() 方法调整地图视野，使用 mapCtx.moveToLocation() 方法移动到当前位置，如下所示：

Page({
  data: {
    ...
  },
  onReady: function (e) {
    ...
    // 设置地图样式
    this.mapCtx.setMapStyle({
      style: 'dark'
    })
    // 调整地图视野
    this.mapCtx.includePoints({
      padding: [40],
      points: [{
        latitude: 23.099994,
        longitude: 113.324520
      }, {
        latitude: 23.00229,
        longitude: 113.3345211
      }]
    })
    // 移动到当前位置
    this.mapCtx.moveToLocation()
  }
})

5. 在小程序中运行该页面，即可看到地图组件显示出来，并根据设置的初始位置和标记点显示地图内容。