WebGIS二次开发-13-方法绘制点

最新推荐文章于 2024-08-30 10:14:48 发布

团子WebGIS

最新推荐文章于 2024-08-30 10:14:48 发布

阅读量130

点赞数

分类专栏： WebGIS GIS 学习文章标签： javascript 前端开发语言学习 Powered by 金山文档

本文链接：https://blog.csdn.net/bguihiub/article/details/129435563

版权

WebGIS 同时被 3 个专栏收录

22 篇文章 4 订阅

订阅专栏

GIS

21 篇文章 0 订阅

订阅专栏

学习

17 篇文章 3 订阅

订阅专栏

Source

addFeature	添加要素
addFeatures([])	传递数据

Layer

setSource

添加数据源

<body>
    <div id="map">

    </div>
    <script>
        const map = new ol.Map({
            target: "map",
            layers: [gaode],
            view: new ol.View({
                center: [114, 30],
                zoom: 6,
                projection: "EPSG:4326"
            })
        })
    
        var Point = new ol.Feature({
            geometry: new ol.geom.Point([114, 30])
        })
       
        var style = new ol.style.Style({
            image: new ol.style.Circle({
                radius: 20,
                fill: new ol.style.Fill({
                    color: '#ffcc33'
                })
            })
        })
        /* addFeature/addFeatures */
        var source = new ol.source.Vector({
            // features: [Point]
        });
        // source.addFeature(Point)
        source.addFeatures([Point])
        
        var vector = new ol.layer.Vector({
            source: source,
            // style
        });
        // console.log(vector)
        vector.setStyle(style)
        vector.setSource(source);
        /* 5、将图层添加到map */
        map.addLayer(vector)
        /* 
        layer   setSource
        source  addFeature, addFeatures
         */
    </script>
</body>