leaflet调用iserver服务添加路径到地图_new l.supermap.featureservice-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_64803883/article/details/122497004

日常开发中，经常有需求在地图上画一些特殊路径或者线条，一般来讲，这种需求都是需要iserver服务支持的。

准备工作

1.一个地图底图（使用@supermap/iclient-leaflet，方便调服务）；

2.iserver服务（以gis开发为主的公司都有自己的服务，没有的话就......别往下看了，或者找找免费的地图server，看看有没有提供学习使用的服务）

调用iserver服务

这里的iserver是后台开发人员根据自身项目需求发布到iserver上的服务接口，添加路径主要就是依赖这个服务返回的数据。


import Vue from 'vue'
import { colorConfig } from '@/utils/mapElementConfig/index.js'
const lineUrl = '' // 服务接口
export default {
  rootLayerGroup: null, // 根图层
  initData () {
    if (this.rootLayerGroup) {
      this.rootLayerGroup = null
    }
    this.rootLayerGroup = L.layerGroup().addTo(Vue.prototype.common.baseMap)
  },
  initLine (dataName, serverName, color) {
    const sqlParam = new SuperMap.GetFeaturesBySQLParameters({
      queryParameter: {
        name: `${dataName}@${serverName}`,
        attributeFilter: