/plot_ol

一个基于openlayer6的一整套标绘SDK

Primary LanguageJavaScript

PlotOL

说明

基于原作者cuifudong 博客地址https://blog.csdn.net/gispace OL3 改版。

基于OpenLayers6 (http://openlayers.org) 实现动态标绘API。

在线体验 http://61.155.169.52:8080/PlotOl/demo/index.html

现在已经支持IE

版本V1.0,实现的功能包括:

  • 标绘符号绘制;
  • 标绘符号编辑;
  • 实现的线状符号:弧线、曲线、折线、自由线;
  • 实现的面状符号:圆、椭圆、弓形、扇形、曲线面、集结地、多边形、自由面;
  • 实现的箭头符号:钳击、直箭头、细直箭头、突击方向、进攻方向、进攻方向(燕尾)、分队战斗行动、分队战斗行动(燕尾);

版本V1.1,实现的功能包括:

  • 全面支持移动端
  • 图元层级编辑
  • 图元样式,属性编辑
  • 实现序列化,可以按照自己的服务器存储格式修改序列化代码,实现保存和加载。

当前版本V1.1.1,实现的功能包括:

  • 增加文档工具,生成API文档(需要重新install才可以使用)npm run docs
  • 标绘图元新增disable,enable方法
  • 新增TrackingLayer类,可以用来绘制轨迹。POL.TrackingLayer

当前版本V1.1.2,实现的功能包括:

  • IE 支持 通过 npm run build-ie 再在应用html中引入 dist/polyfill.js 可以支持ie

演示截图

编译

npm install  安装
npm run start  开发者模式
npm run start-ie  开发者模式(ie)
npm run build  发布普通兼容性浏览器
npm run build-ie  发布兼容性ie版本
npm run docs  编译文档