宣传单地图不会显示 - 只有灰色

时间:2014-10-15 20:12:24

标签: javascript twitter-bootstrap-3 maps leaflet

所以,我有传单地图。它工作正常,但不知何故它不再工作了!任何人都可以告诉我,我的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 &copy; <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);

1 个答案:

答案 0 :(得分:4)

我认为你的tileLayer网址有问题,当传单试图获取图块时,我得到404(未找到)错误。

如果我将其更改为使用'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',地图图块会正确加载。