добавить маркер с помощью буклета esri

Я хочу добавить маркер с помощью тележки для буклетов esri,

Мой код для добавления маркера с помощью mapbox приведен ниже:

  var marker = L.marker(new L.LatLng(lat, long), {
        icon: L.mapbox.marker.icon({
            'marker-color': 'ff8888'
        }),
        draggable: true
        });
       marker.bindPopup('adresse');
        marker.addTo(map);

Я хочу использовать то же самое, используя буклет esri.

любая помощь, пожалуйста


mapbox esri-maps esri-leaflet
person Majdi Taleb    schedule 23.08.2017    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы можете использовать следующий фрагмент кода, чтобы нарисовать точку с помощью API листовки ESRI.

var map = L.map('map').setView([37.837, -122.479], 8);

  L.esri.basemapLayer('Streets').addTo(map);

  var icon = L.icon({
    iconUrl: 'https://esri.github.io/esri-leaflet/img/earthquake-icon.png',
    iconSize: [27, 31],
    iconAnchor: [13.5, 17.5],
    popupAnchor: [0, -11]
  });

  L.esri.featureLayer({
    url: 'https://sampleserver6.arcgisonline.com/arcgis/rest/services/Earthquakes_Since1970/MapServer/0',
    pointToLayer: function (geojson, latlng) {
      return L.marker(latlng, {
        icon: icon
      });
    }
  }).addTo(map);
person vivek shukla    schedule 03.11.2020

arrow_upward
-1
arrow_downward

вы можете найти живой пример буклета esri, который стилизует точечные объекты с помощью L.icon здесь: http://esri.github.io/esri-leaflet/examples/styling-feature-layer-points.html

L.esri.featureLayer({
  url: 'https://services.arcgis.com/rOo16HdIMeOBI4Mb/arcgis/rest/services/Trimet_Transit_Stops/FeatureServer/0',
  pointToLayer: function (geojson, latlng) {
    return L.marker(latlng, {
      icon: L.icon({
        iconUrl: 'https://esri.github.io/esri-leaflet/img/bus-stop-north.png'
      })
    });
  },
}).addTo(map);
person john gravois    schedule 23.08.2017