传单地图出现破损[重复]答案

【问题标题】：Leaflet map appears broken [duplicate]传单地图出现破损[重复]
【发布时间】：2019-06-24 22:53:35
【问题描述】：

当我加载传单地图时，它会显示已损坏的瓷砖。类似的代码在另一个网站上也能正常工作。

我已经验证 css Leaflet.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

【问题讨论】：

标签： javascript leaflet

【解决方案1】：

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

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

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

【讨论】：

刚刚试了一下，结果还是一样:(