OpenLayers3 功能不起作用

【问题标题】：OpenLayers3 functionalities not workingOpenLayers3 功能不起作用
【发布时间】：2015-11-17 20:46:11
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript vector openlayers openlayers-3

【解决方案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，否则将找不到数据。数据的 url 实际上是http://openlayers.org/en/v3.11.1/examples/data/kml/2012_Earthquakes_Mag5.kml，您可以下载并在本地提供以测试示例。

【讨论】：