【发布时间】:2018-01-07 18:10:05
【问题描述】:
所以,我对 JS 很陌生。 我正在我的 rgb 图层的中心创建样式为标记的功能,并使用以下代码将它们分配给一个数组:
for (var i = 0, len = Layers.length; i < len; i++) {
var mExtent = ol.proj.transformExtent(Layers[i].BoundingBox[0].extent, 'EPSG:4326', 'EPSG:3857');
var X = mExtent[0] + (mExtent[2]-mExtent[0])/2;
var Y = mExtent[1] + (mExtent[3]-mExtent[1])/2;
var iconFeature = new ol.Feature({
geometry: new ol.geom.Point([X, Y]),
name: Layers[i].Title,
layername: Layers[i].Name,
description: Layers[i].Abstract
});
var iconStyle = new ol.style.Style({
image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
anchor: [0.5, 46],
anchorXUnits: 'fraction',
anchorYUnits: 'pixels',
src: ortho
}))
});
iconFeature.setStyle(iconStyle);
var vectorSource = new ol.source.Vector({
features: [iconFeature]
});
var vectorLayer = new ol.layer.Vector({source: vectorSource, zIndex: 100 });
layers2[i] = vectorLayer
}
当我尝试调用地图时:
var map = new ol.Map({
layers:[BaseLayers, POI, layers2],
target: document.getElementById('map')
});
我的 layers2 要素数组未显示在地图上。 如果那时我尝试在控制台中手动添加这一系列功能:
map.addLayer(layers2)
我收到以下错误:
TypeError: a.addEventListener is not a function
但是如果我尝试像这样从数组中手动调用一个元素:
map.addLayer(layers2[0])
它工作正常。 我的包含基础层(OSM+mapbox)的数组工作正常。 我很确定我的数组类型有问题。 但不知道是什么。
感谢您的光临。
编辑 1
试图将我所有的功能、RGB 图层和底图放在一个数组“图层”中。 所以代码在第一个循环中从
layers2[i] = vectorLayer;
收件人:
layers.push(vectorLayer);
其中“层”已经包含所有其余层对象。
调用地图时 - 上面没有“vectorLayer”功能。
当使用 map.addLayer(layers) 在控制台中手动调用“图层”时,仍然会出现相同的错误。
例如,当使用 map.addLayer(layers[2]) 调用特定的“vectorLayer”功能时 - 它会显示出来。
【问题讨论】:
标签: javascript arrays openlayers-3