簡體   English   中英

leaflet.js顯示空地圖:未捕獲錯誤:無效的LatLng對象:(NaN,NaN)

[英]leaflet.js is showing empty map: Uncaught Error: Invalid LatLng object: (NaN, NaN)

我只是想用mapbox.js設置我的第一個地圖顯示。 不幸的是,它只是無法正常工作,我也不知道為什么。

我試圖將其簡化為一個非常基本的設置,但是仍然沒有運氣(可以在此處找到完整的源代碼)。

它最重要的部分:

var mapconfig = { "tilejson": "2.0.0",
    "scheme": "xyz",
    "tiles": ["/proxy.php?z={z}&x={x}&y={y}"],
    "maxzoom": 18,
    "center": [12.93509,50.88306,12]
};
var map = L.mapbox.map('map', mapconfig);

錯誤控制台未顯示任何錯誤消息,但未顯示任何切片。 我看到的是地圖視圖的輪廓以及縮放框。 也沒有對proxy-script的請求(很好,順便說一句-我之前一直在使用Open Layers 3 [見:ol3js.org],那里的proxy很好。)

在我將光標移到地圖上的那一刻,錯誤控制台出現了提示我的錯誤消息

未捕獲的錯誤:無效的LatLng對象:(NaN,NaN)

我在同一問題上停留了片刻。 事實證明,初始化地圖后我只是錯過了setView()調用。

我終於找到了答案:

var mapconfig = { "tilejson": "2.0.0",
"scheme": "xyz",
"tiles": ["/proxy.php?z={z}&x={x}&y={y}"],
"minzoom": 0,
"maxzoom": 18,
"center": [12.93509,50.88306,12]
};
var map = L.mapbox.map('map', mapconfig);

看到不同? 好吧,這里是:

“最小縮放”:0,

我不知道為什么這是必需的,但是沒有這個mapbox不能正常工作,因為我想要它...

顯然,為了使mapbox.js能夠正常工作, 必須將一些TileJSON屬性視為必需的:例如,如果沒有center ,那么它也不做任何事情。 但是缺少此功能確實會給您至少一個錯誤,而不是無聲地失敗...

也許有人可以對此有所了解?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM