OpenLayers3 访问英国天气服务器答案

【问题标题】：OpenLayers3 access to UK weather serverOpenLayers3 访问英国天气服务器
【发布时间】：2017-01-08 02:00:45
【问题描述】：

我正在尝试开始使用 OpenLayers3，以获取来自英国的天气数据。

他们的 Datapoint 服务有一个平铺的 WMTS 服务器。我正在尝试访问雷达/降水图块。收到“501 - 未实施”错误。

<div id="map" class="map"></div>
<script>
  var map = new ol.Map({
    target: 'map',    
    layers: [
      new ol.layer.Tile({

        source: new ol.source.TileWMS({
          url: 'http://datapoint.metoffice.gov.uk/public/data/inspire/view/wmts',
          params: {
            'LAYERS': 'RADAR_UK_Composite_Highres', 
            'VERSION': '1.0.0',
            'key': '[your-api-access-key-goes-here]'
          }
        })      

      })
    ],
    view: new ol.View({
      projection: 'EPSG:4326',
      center: [0, 0],
      zoom: 0
    })
  });
</script>

他们的 Capabilities 文档的 ServiceTypeVersion OGC WMTS = 1.0.0，所以我覆盖了 OL 默认值 1.3.0。图层名称似乎也不错。

OpenLayers 设置生成 3 次对服务器的调用，格式为

http://datapoint.metoffice.gov.uk/public/data/inspire/view/wmts?SERVICE=WMS&VERSION=1.0.0&REQUEST=GetMap&FORMAT=image%2Fpng&TRANSPARENT=true&LAYERS=RADAR_UK_Composite_Highres&key=my_key_goes_here&WIDTH=256&HEIGHT=256&SRS=EPSG%3A4326&STYLES=&BBOX=-180%2C-270%2C180%2C90

在此处以纯文本形式重复（请注意，我的 API 密钥已从 URL 中删除）： http://datapoint.metoffice.gov.uk/public/data/inspire/view/wmts?SERVICE=WMS&VERSION=1.0.0&REQUEST=GetMap&FORMAT=image%2Fpng&TRANSPARENT=true&LAYERS=RADAR_UK_Composite_Highres&key=my_key_goes_here&WIDTH=256&HEIGHT=256&SRS=EPSG%3A4326&STYLES=&BBOX=-180%2C-270%2C180%2C90

在 Capabilities 文档中，有一个

操作名称="GetTile"

但是没有GetMap。这可以解释 501 错误。

但如果我尝试强制“gettile”，它会给出 400 错误 - 错误请求。

【问题讨论】：

标签： javascript openlayers-3 weather-api

【解决方案1】：

您对 TileWMS 和 ol.source.WMTS 感到困惑。前者用于访问 WMS 服务器，后者用于 WMTS 服务器。

【讨论】：