vue2使用openlayers6天地图为底图

传送门：

1.openlayers6
2. 天地图
3. openlayers中文文档

npm install ol

<!--仅底图-->
<template>
  <div class="map-container" id="map"></div>
</template>
<script>
import 'ol/ol.css'
import { Map, View } from "ol";//地图,视图
import { defaults as defaultControls } from 'ol/control'; // 引入默认控件集合
import Zoom from 'ol/control/Zoom'; 
import XYZ from "ol/source/XYZ"
import TileLayer from "ol/layer/Tile"; //可以理解为图层 
export default {
  data() {
    return {
      map: null,
    };
  },
  methods: {
    createMap () {
      // 创建天地图矢量图层
      var tdtVecLayer = new TileLayer({
          source: new XYZ({
              url: 'http://t0.tianditu