jquery 手机上的传单地图错误

Question

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

GET 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。

这也会通过只加载地图而不添加标记来实现，所以我想这是传单库内部的东西。

Answer 1

尝试在某个阶段调用 setView。

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

或更好：

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

另外，您似乎正在尝试使用某种数组索引调用/获取 L.lngLng 函数...试试这个：-- 另请注意，pageinit 在 JQM 1.4+

中已弃用

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

jquery 手机上的传单地图错误

Leaflet Map error on jquery mobile

jquery

jquery-mobile

leaflet