OpenLayers4叠加显示点

最新推荐文章于 2025-04-21 11:42:33 发布

原创最新推荐文章于 2025-04-21 11:42:33 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

WebGIS 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种使用 OpenLayers 库来绘制气象站点的方法。通过解析站点信息字符串，创建图层样式并设置站点图标，最终将站点以图层形式显示在地图上。此方法适用于需要在地图上展示多个气象站点的应用场景。

obj.drawst = function (st_result) {
var arr = new Array();
arr = st_result.split('|');
//set staion style
iconFeatureset = new Array();

//declare img style
var iconStyle = new ol.style.Style({
image: new ol.style.Icon(({
src: 'Libs/images/RainSta.png'
}))
});

for (var i = 1; i < arr.length; i++) {
var tmp = new Array();
tmp = arr[i].split(',');
var f = new ol.Feature({
stid: tmp[1],
geometry: new ol.geom.Point([tmp[2], tmp[3]])
});
f.setStyle(iconStyle);
iconFeatureset.push(f);
}

var vectorSource = new ol.source.Vector({
features: iconFeatureset
});
obj.rain_lyr_st = new ol.layer.Vector({
zindex: 10,
source: vectorSource
});

obj.rain_lyr_st.set("name", "rainstaion");

return obj.rain_lyr_st;
}