Question

import L from 'leaflet'
import {TiledMapLayer} from '@supermap/iclient-leaflet';
onMounted(() => {
  let url='http://support.supermap.com.cn:8090/iserver/services/map-china400/rest/maps/China'
 let  map = L.map('map-box', {
    center: [0, 0],
    maxZoom: 18,
    zoom: 1
  });
  new TiledMapLayer(url).addTo(map);
})

报错如下，这是怎么回事呢？目前只有添加一个TiledMapLayer就报错了

Answer 1

从代码上判断不出来问题，这边提供一个demo给您。

<template>
    <div id="map" ref="rootmap"></div>
</template>

<script>
import L from 'leaflet';
import '@supermap/iclient-leaflet';
export default {
  data() {
    return {
      map: null,
      // url:"https://iserver.supermap.io/iserver/services/map-world/rest/maps/World",
      baseUrl:'https://iserver.supermap.io/iserver/services/map-world/rest/maps/World'
    };
  },
  methods:{
  },
  mounted() {
    // var mapcontainer = this.$refs.rootmap;
    this.map = L.map('map', {
        crs: L.CRS.EPSG4326,
        center: [0, 0],
        maxZoom: 18,
        zoom: 1
    });
    new L.supermap.TiledMapLayer(this.baseUrl).addTo(this.map);
    // this.query();
  }

};
</script>
 
<style>
#map{height:1000px;}

 
</style>

Answer 2

链接：https://pan.baidu.com/s/1B2HfmyQGbMc9-SV41O8vxA?pwd=smap
提取码：smap