leaflet marker设置 地图 图像（geoJson）

map地图定义及添加图层

setMap1(){
      //到 mapbox 官网注册并创建下面的access token都是免费的，不过有5w次的浏览限制
      var url = 'http://124.163.214.106:18065/arcgis/rest/services/shenjie_bg/MapServer/tile/{z}/{y}/{x}';
      //初始化 地图
      //map = L.map('mapid').setView([35.717, 112.6333], 5);
      map = L.map("mapid", {
        minZoom: 5,//最小缩放值
        maxZoom: 12,//最大缩放值
        crs: L.CRS.EPSG3857,//几乎所有免费和商业磁贴提供商都使用的最常见的在线地图CRS。使用球形墨卡托投影。在地图crs选项中默认设置。
        center: this.centerpoint,
        zoom: this.zoomlevel,
        fullscreenControl: false,
        zoomControl: false,
        attributionControl: false
      });
      this.baseLayer=L.tileLayer("http://124.163.214.106:18065/arcgis/rest/services/shenjie_bg/MapServer/tile/{z}/{y}/{x}");
      map.addLayer(this.baseLayer);
      this.imageLayer =L.imageOverlay('', this.imageBounds,{opacity:0.8});
      map.addLayer(this.imageLayer);
      this.chinaLineLayer=L.tileLayer("http://124.163.214.106:18065/arcgis/rest/services/shenjie/MapServer/tile/{z}/{y}/{x}",{pane: 'overlayPane'});
      map.addLayer(this.chinaLineLayer);
      this.graphicLayer = L.layerGroup([]);
      map.addLayer(this.graphicLayer);
      //为点击地图的事件 增加popup
      var popup = L.popup();
      function onMapClick(e) {
        popup
          .setLatLng(e.latlng)
          .setContent("You clicked the map at " + e.latlng.toString())
          .openOn(map);
      }
      map.on('click', onMapClick);
    },

设置marker代码

drawCityLayer(){//城市和站点数据查询之后，开始绘制graphicL