首页 > 其他分享 >【OpenLayers】绘制基本图形标注

【OpenLayers】绘制基本图形标注

时间:2022-10-08 12:12:23浏览次数:52  
标签:layer let color OpenLayers new pointFeature 绘制 标注

let layer = new VectorLayer(); //新建一个绘线层
    let pointFeature = new Feature(new Point(fromLonLat([114.02, 24])));
    pointFeature.setStyle(
      new Style({
        //规则形状
        image: new RegularShape({
          fill: new Fill({ color: "#00FF00" }),
          stroke: new Stroke({ color: "blue", width: 2 }),
          points: 5, //角数量
          radius1: 20, //第一类角的半径
          radius2: 10, //第二类角的半径
        }),
      })
    );
    layer.setSource(
      new VectorSource({
        features: [pointFeature],
      })
    );
    map.addLayer(layer); //把线的图层添加到地图中

效果:

 

标签:layer,let,color,OpenLayers,new,pointFeature,绘制,标注
From: https://www.cnblogs.com/mesmerize/p/16768531.html

相关文章

  • CAD标注尺寸如何修改?
    CAD一般只能对图画的规格尺寸进行自动标注,不可以自己进行数字的填写,有时为了规格很小的尺寸可以在图画中显现出来,就需要把立柱这一类的结构稍微比例放大点,这时进行自动标注,......
  • 用CSS绘制最常见的40种形状和图形
    今天在国外的网站上看到了很多看似简单却又非常强大的纯CSS绘制的图形,里面有最简单的矩形、圆形和三角形,也有各种常见的多边形,甚至是阴阳太极和网站小图标,真的非常强大,分享......
  • 深圳沙井科目二考场地图-现场测量-手工绘制
    这张图是我今天去深圳沙井地铁口附近的科目二的考场亲自观摩和练习,并现场测量尺寸后,精心绘制的地图。我拿着卷尺,像个地理勘探工程师一样勘测考场的每个细节后绘制的。 ......
  • C++绘制玫瑰花
    C++绘制玫瑰花源码#include<stdio.h>#include<windows.h>#include<math.h>#include<graphics.h>#include<mmsystem.h>#pragmacomment(lib,"winmm.lib")//定......
  • WPF 截图控件之绘制方框与椭圆(四) 「仿微信」
    前言接着上周写的截图控件继续更新 绘制方框与椭圆。​​1.WPF实现截屏「仿微信」​​​​2.WPF实现截屏控件之移动(二)「仿微信」​​​​3.WPF截图控件之伸缩(三)「仿微......
  • 使用Open3D库绘制点云
      Open3D是一个开源库,支持快速开发处理3D数据的软件。Open3D后端是用C++实现的,经过高度优化并通过python的前端接口公开。Open3D提供了三种数据结构:点云(pointcloud)、网......
  • Flask 框架:运用Echarts绘制图形
    echarts是百度推出的一款开源的基于JavaScript的可视化图表库,该开发库目前发展非常不错,且支持各类图形的绘制可定制程度高,Echarts绘图库同样可以与Flask结合,前台使用echart......
  • CAD交互绘制块引用对象(网页版)
    主要用到函数说明:_DMxDrawX::DrawBlockReference绘制块引用对象。详细说明如下:参数说明DOUBLEdPosX插入点的X坐标DOUBLEdPosY插入点的Y坐标BSTRpszBlkName图块名DOUBLEd......
  • 绘制几何体(实现)
    概述本篇运用classD3DApp、vertex、inputLayout、vertexBuffer、indexBuffer、constantBuffer、pixelShader、vertexShader、CompileFromFile、rootSignature、descripto......
  • labelme:图像数据标注
    labelme:图像数据标注导读深度学习第一步就是制作数据集,手动去标注一些数据。本文将介绍一个用于图像数据标注的软件:labelme,并介绍它的安装方法,使用方法等。1.labelmel......