Question

我正在尝试在简单的地图上渲染多个标记。我已经改编了一个mapbox示例中的代码。

var map = L.mapbox.map('map', 'examples.map-9ijuk24y')
    .setView([45, 0], 3);

var featureLayer = L.mapbox.featureLayer(
{
    type: 'FeatureCollection',
    features: [
      {
        type: "Feature",
        properties: {
          title: "ONE"
        },
        geometry: {
          type: "Point",
          coordinates: [-77,45]
        }
      },
      {
        type: "Feature",
        properties: {
          title: "TWO"
        },
        geometry: {
          type: "Point",
          coordinates: [-67,45]
        }
      }
    ]
}).addTo(map);

map.fitBounds(featureLayer.getBounds());

这是一个小提琴：http://jsfiddle.net/MA36p/4/

最初显示页面时，地图不会渲染。单击其中一个标记后，它将呈现。如果只显示一个标记，它也会渲染。

我错过了什么？

编辑：我正在使用Chrome和Firefox在OSX上重现这一点。我还没有尝试过Windows。

Answer 1

var map = L.mapbox.map('map', 'examples.map-9ijuk24y');

如果您没有设置初始地图位置the example is fixed。这是Leaflet中的一个微妙的错误，将在下一版本中修复。

具有多个标记的Mapbox地图不会呈现

1 个答案: