javascript - Leaflet.js 不使用 PhoneGap 渲染本 map block

Question

我在使用 leaflet.js + PhoneGap 时遇到了一个奇怪的问题。 我正在显示一个简单的 map ，其中的图 block 已经过预渲染，因此会在本地加载。

map 可以在本地 html 页面、我的计算机上的本地服务器或 Android 设备上的 Chrome 中正常渲染(使用 Prepros 远程实时刷新)。

但是，在 PhoneGap 应用程序中运行时， map 完全是空白的。仅当我使用远程调试工具 jsHybugger ( https://www.jshybugger.com/#!/ ) 时，它才会在 Phonegap 应用程序内呈现。

请注意，我在使用远程图 block (CloudMade) 时也遇到同样的问题。

肯定存在一些我不明白的网络问题。感谢您提供任何线索。这是我的代码:

var app =
{
    initialize: function() 
    {  
        map = L.map('map').setView([48.86, 2.35], 15);

        var url = './img/tiles/{z}/{x}/{y}.jpg';

        L.tileLayer(url, {
            attribution: 'OSM',
        maxZoom: 15
        }).addTo(map);

    },

};

Answer 1

使用 Leaflet 的本地副本而不是托管的副本对我来说很有效。