所以,我有传单地图。它工作正常,但不知何故它不再工作了!任何人都可以告诉我,我的JS代码是否有错误?无法找到一个。
var map = L.map('map').setView([50.93985, 6.94013], 13);
L.tileLayer('https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
maxZoom: 13,
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
'Imagery © <a href="http://mapbox.com">Mapbox</a>',
id: 'examples.map-i86knfo3'
}).addTo(map);
L.marker([52.26887, 10.52677]).addTo(map)
.bindPopup("<b>Design and Data GmbH</b><br/>XY</b><br/>Braunschweig").openPopup();
L.marker([41.87239, 12.48018]).addTo(map)
.bindPopup("<b>Design and Data GmbH</b><br/>XY</b><br/>Rom").openPopup();
L.marker([50.93985, 6.94013]).addTo(map)
.bindPopup("<b>Design and Data GmbH</b><br/>Hohenzollernring 56</b><br/>51109 Köln").openPopup();
map.fitBounds([
[50.93985, 6.94013],
[52.26887, 10.52677],
[41.87239, 12.48018]
]);
var popup = L.popup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(map);
}
map.on('click', onMapClick);
答案 0 :(得分:4)
我认为你的tileLayer网址有问题,当传单试图获取图块时,我得到404(未找到)错误。
如果我将其更改为使用'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
,地图图块会正确加载。