drangeer / vue-cesium-draw Goto Github PK

这是一个Vue+Cesium的项目，主要功能包括点、线、面的标绘及编辑。

详情如下 ：

• 添加标记，提供多种图标选择、添加完成后右击可编辑
• 线、多边形绘制，可以编辑节点和属性信息
• 导入导出功能（json,Geojson,shp）

使用说明

依次输入以下命令运行该项目：

npm install npm start

或着你也可以把它添加到自己的项目使用：

1.你可以把components和js文件夹中的文件全部拷贝到自己的项目，然后引入drawViewer组件

import drawViewer from '@/components/drawViewer'

2.把drawViewer添加到conponents

3.在标签中添加drawViewer

<draw-viewer :polylineNode="false" :polygonNode="true"></draw-viewer>

此外，如果你没有使用Vue框架，并不影像核心功能drawHandler的使用

import {Polyline,Polygon} from "@/js/drawHandler";
const viewer=new Cesium.Viewer('container')
const pl=new Polyline(viewer)
pl.initNodes()//如果要显示顶点