jquery mobile

时间:2015-05-27 21:31:31

标签: jquery jquery-mobile leaflet

我在jqm上添加了一个简单的地图。我在控制台中遇到的问题是:

获取http://a.tile.openstreetmap.org/NaN/0/0.png 404(未找到)

JS:

var map = L.map('map');
$(document).on("pageinit", function () {
    L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {maxZoom: 18}).addTo(map);
})

在点击功能上添加标记:

L.marker([39, -6.85]).bindPopup("test").addTo(map); 
map.panTo(L.latLng[39, -6.85]); 

使用传单0.8。似乎{z} var由于某种原因没有进入TileLayer。

这也会通过仅加载地图而不添加标记来实现,所以我认为它是传单库内部的东西。

1 个答案:

答案 0 :(得分:1)

尝试在某个阶段调用setView。

map.setView([0, 0], 18);

或更好:

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

看起来你试图用某种数组索引来调用/获取L.lngLng函数...试试这个: - 还注意在JQM 1.4 +中不推荐使用pageinit

map.panTo([39, -6.85]);