小编pat*_*pot的帖子

我对Leaflet有一个问题,它实际上阻碍了我的整个工作.由于某些原因我无法解释,Leaflet的UI在我的英特尔XDK应用程序中正确加载,但只加载了一个地图图块 - 相同的代码在另一个测试应用程序中工作!现在,我尝试了所有我能做的事情,我希望这里有人可以解决我的问题.

为了更好地理解,这里是我leaflet.js代码(它不是在 leaflet.js,因为我使用的瓣叶src.js为脚本)和应用程序的地图窗口的截图.

function initLeaflet() {
document.getElementById("map").setAttribute("style", "height:" + window.innerHeight + "px; width:" + window.innerWidth + "px;");
var map = L.map('map');

L.tileLayer('https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
    maxZoom: 18,
    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-i875mjb7'
}).addTo(map);

map.on('locationfound', onLocationFound);
map.on('locationerror', onLocationError);

map.locate({setView: true, maxZoom: 16});

map.on('click', onMapClick);
}

function onLocationFound(e) {
var radius = e.accuracy / 2;

L.marker(e.latlng).addTo(map)
.bindPopup("Position: " + e.latlng + " Genauigkeit " + radius ).openPopup(); …