vjmap/vjmap-playground

此工程为唯杰地图vjmap示例的所有源代码。`唯杰地图VJMAP`为`CAD`图或`自定义地图格式`WebGIS`可视化`显示开发提供的一站式解决方案，支持的格式如常用的`AutoCAD`的`DWG`格式文件、`GeoJSON`等常用`GIS`文件格式，它使用WebGL`矢量图块`和`栅格瓦片`呈现交互式地图, 实现了`CAD`与`GIS`完美结合。此示例的所有源代码实现了对CAD图纸的上传、打开、版本管理、属性查询、图层开关、批注、数据展示、互联网地图叠加、绘图等功能。

介绍

此工程为唯杰地图官网地址：https://vjmap.com 示例的所有源代码。

在线示例查看地址: https://vjmap.com/demo

运行

入口文件为index.html, 示例文件目录为 src，每个示例都是独立的例子，都能单独运行。

由于File协议无法实现跨域，如果直接双击index.html会导致一些资源无法加载。所以需要以http服务器的方式运行。方法为

• 方法一(需要有node环境)：

npm install -g live-server

然后在命令行里进入当前目录，输入live-server即可。

• 方法二(vscode环境)

在vscode里面安装插件Live Server，安装成功后，打开此目录，选择一个html页面，右键选择Open With Live Server即可。

唯杰地图介绍

唯杰地图VJMAP为CAD图或自定义地图格式WebGIS可视化显示开发提供的一站式解决方案，支持的格式如常用的AutoCAD的DWG格式文件、GeoJSON等常用GIS文件格式，它使用WebGL矢量图块和自定义样式呈现交互式地图, 提供了全新的大数据可视化、实时流数据可视化功能，通过本产品可快速实现浏览器和移动端上美观、流畅的地图呈现与空间分析，可帮助您在网站中构建功能丰富、交互性强、可定制的地图应用。

唯杰地图官网地址：https://vjmap.com/

唯杰地图特点

• 完全兼容AutoCAD格式的DWG文件，无需转换

• 地图提供图形的放大、缩小、自由缩放、平移、显示全图等功能，支持鼠标/单指拖拽、上下左右按键进行地图平移，支持鼠标滚轮、双击、双指进行地图缩放，支持Shift+拉框放大；支持飞行、平移等运动特效，支持地图比较功能，能导出PNG、PDF、SVG等格式功能；

• 多视角模式：地图支持2D、3D视角，支持垂直视角、360度旋转视角；

• CAD与GIS完美结合；地图支持CAD图渲染成栅格瓦片和矢量瓦片这两种格式，能自定义地图样式; 能支持WMS格式；支持与互联网地图叠加显示;

• 能对地图进行交互操作,包括点击图形查看属性信息、图层开关显示等；能对GIS数据进行空间查询操作；

• 支持图形版本控制功能；同时提供协同更新图形功能，可通过不同部门上传的图形或图层创建协同图形，同时当依赖的图形更新时，协同图形能自动更新至最新版本；

• 支持在Web上进行绘制图形功能；可绘制点、线、面、圆等类型，同时能将绘制的图形保存成dwg文件；需支持对CAD图上的坐标进行捕捉绘制; 需提供测距、测角度、测面积等测量工具;

• 支持覆盖物绘制、聚合显示、信息窗口、热力图叠加等常见的地图功能，提供丰富的js接口;

• 绘图技术先进：采用WebGL技术；在CAD图叠加万个点以上的用户数据时，渲染不卡顿，支持大数据可视化。

• 服务部署跨平台支持(支持windows,linux); 支持docker部署，地图查看完全兼容移动端。