image.png

  1. /* 1、创建一个多边形 */
  2. const Polygon = new ol.Feature({
  3.     geometry: new ol.geom.Polygon([
  4.         [
  5.             [-50, -10],
  6.             [-30, 10],
  7.             [-10, -5]
  8.         ]
  9.     ])
  10. })
  11. /* 2、设置去样式信息 */
  12. //设置区样式信息
  13. Polygon.setStyle(
  14.     new ol.style.Style({
  15.         //填充色
  16.         fill: new ol.style.Fill({
  17.             color: 'rgba(255, 255, 255, 0.5)',
  18.         }),
  19.         //边线颜色
  20.         stroke: new ol.style.Stroke({
  21.             color: '#ffcc33',
  22.             width: 2,
  23.         })
  24.     })
  25. )
  26. /* 3、设置数据源 */
  27. var source = new ol.source.Vector({
  28.     features: [Polygon],
  29.     wrapX:false //x轴不重复
  30. })
  31. /* 4、创建图层 */
  32. var vector = new ol.layer.Vector({
  33.     source: source
  34. })
  35. /* 5、将图层添加到地图容器中 */
  36. map.addLayer(vector)

map事件监听

  1. map.on('click',function(e){
  2.     console.log(e.coordinate)
  3. })