在uniapp 中如何引用天地图

在 uni-app 中使用天地图的方法如下：

1. 在 uni-app 项目的根目录下安装天地图的 npm 包，使用以下命令：

npm install --save @supermap/iclient-unipage

2. 在 uni-app 的页面中引入天地图的 npm 包，例如：

import SuperMap from '@supermap/iclient-unipage'

3. 在 uni-app 的页面的 data 中定义天地图的配置对象，例如：

data() {
  return {
    mapConfig: {
      layers: [{
        id: 'baseMap',
        layerType: 'Tile',
        url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}',
        visible: true,
        attribution: '天地图'
      }]
    }
  }
},

4. 在 uni-app 的页面的 template 中使用 `map` 组件，并将配置对象绑定到 `map` 组件的 `config` 属性上，例如：

<template>
  <view class="container">
    <map class="map" :config="mapConfig"></map>
  </view>
</template>

5. 在 uni-app 的页面的 script 中使用 `onReady` 生命周期函数，获取 `map` 组件的实例，并使用天地图的 API 进行相关操作，例如：

onReady(event) {
  this.map = event.detail.map
  // 使用天地图的 API 进行相关操作
},