OpenLayers3功能不起作用

Question

我在探索OpenLayers3示例中的有趣功能方面毫不费力。 但是，当我将下面的代码复制到本地.html文件中并在同一浏览器中打开它时，某些功能（例如矢量层）将停止工作。

例如， 地震热图仅带有黑色基础层，而根本不显示热（矢量）层。 通过CDN可以正确访问所有CSS和js。 我总共在3台不同的计算机上测试了许多示例。

谁能说出造成此问题的原因以及如何解决？ 非常感谢。

Answer 1

问题很可能是示例中数据的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 ，您可以下载并在本地使用以测试示例。