底图切换

Surpriseplus

2023-04-18 a7d306cb0fe6482251f9d4acdc29674ffc13a032

 src/components/mapol.vue

@@ -96,19 +96,23 @@
  methods: {

    init2DMap() {
      // var vectorLayer = new TileLayer({
      //   source: new XYZ({
      //     url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}",
      //   }),
      // })
      // var imageLayer = new TileLayer({
      //   source: new XYZ({
      //     url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=6&x={x}&y={y}&z={z}",
      //   }),
      // })
      var layerBase = [];
      if (!is_production) {
        var vectorLayer = new TileLayer({
          source: new XYZ({
            url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}",
          }),
        })
        var imageLayer = new TileLayer({
          source: new XYZ({
            url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=6&x={x}&y={y}&z={z}",
          }),
        })
        layerBase = [vectorLayer, imageLayer]
      }
      window.map = new Map({
        target: "mapol",
        layers: [],
        layers: layerBase,
        view: new View({
          center: [105.02, 34.9],
          zoom: 4,
@@ -121,6 +125,9 @@
        ]),
        interactions: defaultInteractions().extend([new DragRotateAndZoom()]),
      })


      if (is_production) {
      var base_ulr = window.sceneConfig.baseUrl;
      if (base_ulr.indexOf('{host}') > -1) {
        base_ulr = base_ulr.replace("{host}", iisHost)
@@ -134,6 +141,8 @@
      });
      window.map.addLayer(window.olBaseMapLayer);

      }