首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用esri leaflet添加标记

使用esri leaflet添加标记
EN

Stack Overflow用户
提问于 2017-08-23 22:16:40
回答 2查看 829关注 0票数 0

我想使用esri leaflet cart添加一个标记,

我使用mapbox添加标记的代码如下:

代码语言:javascript
运行
复制
  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 leaflet来使用相同的东西。

请帮个忙

EN

回答 2

Stack Overflow用户

发布于 2020-11-03 13:11:36

您可以参考以下代码,使用ESRI leaflet API绘制一个点。

代码语言:javascript
运行
复制
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);
票数 0
EN

Stack Overflow用户

发布于 2017-08-24 06:05:02

您可以在以下位置找到使用L.icon设置点要素样式的实时esri-leaflet示例:http://esri.github.io/esri-leaflet/examples/styling-feature-layer-points.html

代码语言:javascript
运行
复制
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);
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45842299

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档