OpenLayers3功能無法正常工作

我在OpenLayers3示例中探索有趣的功能並不困難。但是，當我將以下代碼複製到本地.html文件並在同一瀏覽器中打開它時，某些功能（例如矢量圖層）停止工作。OpenLayers3功能無法正常工作

例如，Earthquakes heatmap只帶有黑底層，熱（矢量）層根本不顯示。所有CSS和js都可以通過CDN正確訪問。我已經在3臺不同的計算機上測試了很多例子。

有人可以說什麼可能會導致這個問題，以及如何解決它？非常感謝。

2015-11-17 Onsa

問題可能在於，示例中的數據的url是相對路徑，而您沒有所需的數據。在地震熱圖例如，用於熱圖數據源被設置在該塊：

var vector = new ol.layer.Heatmap({ 
    source: new ol.source.Vector({ 
    url: 'data/kml/2012_Earthquakes_Mag5.kml', 
    format: new ol.format.KML({ 
     extractStyles: false 
    }) 
    }), 
    blur: parseInt(blur.value, 10), 
    radius: parseInt(radius.value, 10) 
});

除非你使用相同的相對路徑中的數據不會被發現本地託管2012_Earthquakes_Mag5.kml。數據的網址實際上是http://openlayers.org/en/v3.11.1/examples/data/kml/2012_Earthquakes_Mag5.kml，您可以下載並在本地服務來測試這些示例。

來源

2015-11-28 19:51:23 user5219763

OpenLayers3功能無法正常工作

回答

相關問題