快速上手

安装

npm

npm install @dullcat/ol-helper

pnpm

pnpm add @dullcat/ol-helper

yarn

yarn add @dullcat/ol-helper

bun

bun add @dullcat/ol-helper

试试看

  <div id="map" style="height: 100vh;width: 100vw;"></div>

天地图key,需去官网申请

document.addEventListener('DOMContentLoaded', ()=> {
  let tdKey = 'xxxxxxxxx';
  let _olHelper = new olHelper('map');
  _olHelper.map.addLayer(td4326WMTSPreset(tdKey, 'img_c'));
  _olHelper.map.addLayer(td4326WMTSPreset(tdKey, 'cva_c'));
  _olHelper.setMapCenter([114.393569, 30.50846], 18);
});

INFO

建议搭配openlayers一起使用,ol>6