WebGIS二次开发-17-矩形

最新推荐文章于 2024-07-26 11:41:15 发布

团子WebGIS

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量88

点赞数

文章标签： javascript html 前端经验分享开发语言

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

版权


/* 1、根据范围(从左下角到右上角) */
const Rectangle = new ol.Feature({
   /*
     第一个参数：左下角
     第二个参数: 右上角
   */
    geometry:new ol.geom.Polygon.fromExtent([80,0,110,20])
})
/* 2、设置样式 */
Rectangle.setStyle(
    new ol.style.Style({
        fill:new ol.style.Fill({
            color:'rgba(255,255,255,.7)'
        }),
        stroke:new ol.style.Stroke({
            color:"#333",
            width:3
        })
    })
)
/* 3、设置数据源 */
var source = new ol.source.Vector({
    features:[Rectangle]
})
/* 4、创建图层 */
var vector = new ol.layer.Vector({
    source:source
})
/* 5、将图层添加到地图容器中 */
map.addLayer(vector)