Question

当我加载传单地图时，它会显示碎的瓷砖。类似的代码可以在另一个站点上正常工作。

我已经验证了css leaftlet.css是否正确加载。

<script>
var map;

$(document).ready(function() {
  var contentString = 'some content';

  var map = L.map('map').setView([42.65814823, 27.73714072], 13);
  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'}).addTo(map);
  L.marker([42.65814823, 27.73714072]).addTo(map)
    .bindPopup(contentString)
    .openPopup();
});
</script>

可以在以下位置查看问题：http://kvartiri.bg/%D0%90%D0%BF%D0%B0%D1%80%D1%82%D0%B0%D0%BC%D0%B5%D0%BD%D1%82-%D0%BD%D0%B0-%D0%B1%D1%80%D0%B5%D0%B3%D0%B0-%D0%BD%D0%B0-%D0%BC%D0%BE%D1%80%D0%B5%D1%82%D0%BE.htm

Answer 1

我遇到了同样的问题，我的解决方法是：

在指定图块图层并将其添加到地图之前，请确保将fitBounds应用于地图。

https://leafletjs.com/reference-1.5.0.html#map-fitbounds

单张地图似乎已损坏

1 个答案: