Mapbox:在弹出窗口中添加多个日期

时间:2018-07-18 10:08:43

标签: javascript mapbox

我正在使用Mapbox绘制地图。这是关于一个摇滚乐队在世界各地的所有音乐会。

有时候,他们在同一场所玩了两次以上。我创建了一个弹出窗口,其中带有场地的名称城市日期。我希望显示每个地点的所有日期。我不知道该怎么做。你能帮我吗?

谢谢!

这是我选择的代码:

map.on('click', function(e) {
  var features = map.queryRenderedFeatures(e.point, {
    layers: ['1979-60h3wc']
  });

  if (!features.length) {
    return;
  }

  var feature = features[0];
  var popup = new mapboxgl.Popup({
      offset: [0, -15]
    })
    .setLngLat(feature.geometry.coordinates)
    .setHTML('<h2>' + feature.properties.lieu + '</h2><p>' + feature.properties.ville + '</p><p>' + feature.properties.date + '</p>')
    .setLngLat(feature.geometry.coordinates)
    .addTo(map);
});

0 个答案:

没有答案