Question

试图了解有关LeafLet的更多信息。由于它不涉及磁贴和CSS，我不认为它与另一个类似的短语问题相同。对此很新，所以我可能会离开。

按照基本指示进行操作：

var myCustomStyle = {
  stroke: false,
  fill: true,
  fillColor: '#fff',
  fillOpacity: 1
}

$.getJSON(myGeoJSONPath, function(data) {
  var map = L.map('map', {
    zoomControl: false,
    attributionControl: false
  }).setView([39.74739, -10], 2);

  L.geoJson(data, {
    clickable: false,
    style: myCustomStyle,
  }).addTo(map);

})

当它在容器中绘制时，一切看起来都没问题。但是，当我将笔划更改为“真实”时，我发现地图实际上已经超出了div容器的边框（https://jsfiddle.net/ef6otu1w/1/）。

我尝试使用map.getSize（）检查，它显示了容器宽度＆amp;身高正确。类似地，将.getBound（）转换为点的方法仅确认latlng与容器尺寸相对应。即使我使div大于地图，当我将地图拖过容器边缘时，它会显示在空白处。

我想知道这可能是什么原因，以及如何将地图保存在容器中。

Answer 1

您只是缺少Leaflet CSS文件。

添加到HTML文件的开头：

Toolbar

https://jsfiddle.net/ef6otu1w/2/

来自geoJSON的传单地图在div之外

1 个答案: