openlayer 5 MultiLineString 渲染多颜色

最新推荐文章于 2024-12-30 15:06:38 发布

原创

最新推荐文章于 2024-12-30 15:06:38 发布 · 2.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#openlayer

本文介绍了一种使用WFS服务获取地图交通速度数据，并通过自定义方法为同一图层中的不同线段渲染不同颜色的技术方案。该方法克服了官方WFS示例仅能为单一图层线段渲染统一颜色的限制。

预览图

在这里插入图片描述

public GetTraffficSpeed(): Observable<any> {
   
   
        let serviceUrl = GEOSERVICE;
        serviceUrl +=
            '/geoserver/tomtom/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=tomtom:map_traffic_speed&maxFeatures=9999999&outputFormat=application%2Fjson';
        return this.http.get(serviceUrl);
}
public MakeLevelOfService(options: any) {
   
   
    let vectorSource =