记录superMap for leaflet 加载天地图

1.安装依赖

yarn add leaflet
yarn add @supermap/iclient-leaflet

2.引入资源

import * as L from "leaflet"; // leaflet资源
import 'leaflet/dist/leaflet.css' // leaflet css资源 （不引入会导致地图显示异常）
import '@supermap/iclient-leaflet'; // 超图的资源

3.初始化 

initMap(el) {  // el 为地图需要渲染的地方 id
    const map = L.map(el, {
        crs: L.CRS.EPSG4326,
        center: [29.563761, 106.550464],
        maxZoom: 18,
        zoom: 14
    });
    L.supermap.tiandituTileLayer({ layerType: "img", key: '你在天地图申请的    
     key'}).addTo(map);
}

4.执行就可以渲染了

有问题可以私信我。