Javascript 传单地图出现破损

Javascript 传单地图出现破损,javascript,leaflet,Javascript,Leaflet,当我加载传单地图时,它显示瓷砖已损坏。 类似的代码在另一个站点上正常工作 我已经验证了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://

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

我已经验证了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>

问题可以在以下位置看到:

我遇到过同样的问题,我的解决方案是:

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


刚试过,结果还是一样的: