为了账号安全,请及时绑定邮箱和手机立即绑定

openlayers根据坐标在地图上划区域

标签:
JavaScript


    var styles = {      'Polygon': [new ol.style.Style({        stroke: new ol.style.Stroke({          color: '#ff3100',          lineDash: [0],          width: 1        }),        fill: new ol.style.Fill({          color: 'rgba(0, 0, 255, 0.1)'        })      })],    };    var styleFunction = function(feature) {      console.log(feature)      return styles[feature.getGeometry().getType()];    };    var geojsonObject = {      'type': 'FeatureCollection',      'crs': {        'type': 'name',        'properties': {          'name': 'EPSG:3857'        }      },      'features': [        {        //区域          'type': 'Feature',          'geometry': {            'type': 'Polygon',            'coordinates': [              [                .........              ]            ]          }        },      ]    };    var vectorSource = new ol.source.Vector({      features: (new ol.format.GeoJSON()).readFeatures(geojsonObject)    });    var vectorLayer = new ol.layer.Vector({      source: vectorSource,      style: styleFunction,    });

详细源码
官方源码注释

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消