打开第3层：如何仅显示KML层

Question

我正在尝试创建一个仅显示KML图层而没有基础地图或基础图块图层的OpenLayers地图。

KML图层将是一个室内楼层地图，但是它不必位于特定坐标位置的现有地图之上。 我只需要单独显示楼层地图，而无需显示其他地图。 我还将要设置平移限制，以使用户无法平移地图。

以下是一些我用来在现有基础地图上方成功显示KML层的代码。 我已经尝试了很多方法来尝试让KML图层自行显示，但无济于事。

任何人都可以帮忙解决这个问题，或者告诉我我需要对以下代码进行更改以单独显示KML吗？

var vector = new ol.layer.Vector({
        source: new ol.source.Vector({
            url: MAPS_URL + 'map1.kml',
            format: new ol.format.KML()
        })
    });

var map = new ol.Map({
           target: 'map',
           layers: [
              new ol.layer.Tile({
                  source: new ol.source.MapQuest({layer: 'sat'})
              }),
              vector
           ],
           view: new ol.View({
           center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),
           zoom: 2
       })
   });

map.addLayer(vector);

谢谢！

Answer 1

当Jonatas和Tsauerwein退出时，我只需要删除平铺层。

啦

var vector = new ol.layer.Vector({
    source: new ol.source.Vector({
        url: MAPS_URL + 'map1.kml',
        format: new ol.format.KML()
    })
});

var map = new ol.Map({
       target: 'map',
       layers: [vector],
       view: new ol.View({
       center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),
       zoom: 2
   })
});

map.addLayer(vector);

Answer 2

您检查过是否可以读取KML文件吗？ 可能存在CORS问题。

我建议使用AJAX调用来加载KML，然后使用ol.format.KML读取功能并将其添加到源中。

sourceVector = new ol.source.Vector();
layerVector = new ol.layer.Vector({
  source: sourceVector
  });
formatKML = new ol.format.KML({extractStyles: false});
$.ajax('http://storage.googleapis.com/dbauszus-file-bucket/rtmLmpHg.kml',{
  type: 'GET',
  contentType: 'application/vnd.google-earth.kml+xml', 
  success : function(response) {
    features = formatKML.readFeatures(response,{
      dataProjection: 'EPSG:4326',
      featureProjection: 'EPSG:3857'
    });
    sourceVector.addFeatures(features);
    }
  });

如果您无法读取此类文件，请在Firebugz NET选项卡中检查CORS问题。