[英]Openlayers 5 icons are not showing on the map
我正在使用OpenLayers 5創建帶有圖標的簡單地圖。 我按照圖標顏色示例進行操作 。 現在,我從數組更改了源數據。 例如,我要在地圖上顯示四個點。
window.locs = [{
"y": "52,51241",
"x": "13,38961"
}, {
"y": "52,52107",
"x": "13,38773"
}, {
"y": "52,52488",
"x": "13,40369"
}, {
"y": "52,54902",
"x": "13,41655"
}];
我只更改了創建矢量源的部分,從手動設置一個到一個循環。
for (var i in window.locs) {
var data = window.locs[i];
iconFeature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.fromLonLat([parseFloat(data.x.replace(",", ".")), parseFloat(data.y.replace(",", "."))]))
});
iconFeature.setStyle(new ol.style.Style({
image: new ol.style.Icon(/** @type {module:ol/style/Icon~Options} */({
color: [113, 140, 0],
crossOrigin: 'anonymous',
src: 'https://openlayers.org/en/v3.20.1/examples/data/dot.png'
}))
}));
window.iconFeatures.push(iconFeature);
}
var vectorSource = new ol.source.Vector({
features: window.iconFeatures
});
不幸的是,這些圖標沒有顯示在地圖上。 如果我不使用循環,則會顯示圖標。 我有很多數據,不能一一指定值。
這是我的JSFiddle: 小提琴
我該如何解決?
該圖層需要添加到地圖中
map.addLayer(vectorLayer);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.