超图 supermapi Server rest服务对地图实现描点功能，回显坐标轴？

Question

业务需求使用rest服务，而不是wms图层方法。在通过以下方法，地图能正常初始化，使用的是initMap方法，但是在进行描点的时候， rest服务的marker找不到此方法。以下是我引入的插件，和初始化代码，请教网友解答，感谢

<template>
  <div  style="width: 100%; height: 100%" >
    <div id="map" style="width: 100%; height: 100%"></div>
  </div>

</template>

<script>
import L from "leaflet";
import { initMap } from "@supermap/iclient-leaflet";
import "leaflet-draw/dist/leaflet.draw.css"; // 导入 Leaflet Draw CSS
import "leaflet-draw"; // 导入 Leaflet Draw 插件


export default {
  data() {
    return {
      url: "https://iserver.supermap.io/iserver/services/map-world/rest/maps/World",//gis服务地址,我放的公开地址
    };
  },
  mounted() {
    this.getInit(this.url);
  },
  methods: {
    getInit(url) {
      this.map = initMap(url,
        {
            mapOptions: {
              zoom: 4,
              boxZoom: 18,
              minZoom: 3,
            },
            layerOptions: {},
      })
      // 自定义比例尺控件
      var customScaleControl = L.control.scale({
        position: "bottomleft", // 设置控件显示位置
        imperial: false // 使用公制单位
      });
      // console.log(map.marker) //报错
      // console.log(customScaleControl)
    },

  },
};

</script>

Answer 1

getInit(url) {
  this.map = initMap(url,
    {
        mapOptions: {
          zoom: 4,
          boxZoom: 18,
          minZoom: 3,
        },
        layerOptions: {},
  })
  // 自定义比例尺控件
  var customScaleControl = L.control.scale({
    position: "bottomleft", // 设置控件显示位置
    imperial: false // 使用公制单位
  });
  customScaleControl.addTo(this.map);

  // 创建一个Marker对象
  var marker = L.marker([51.5, -0.09]);

  // 把Marker添加到地图上
  marker.addTo(this.map);
},