/vjmap-playground

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

Primary LanguageJavaScriptGNU Affero General Public License v3.0AGPL-3.0

介绍

此工程为唯杰地图官网地址: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即可。

唯杰地图介绍

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

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

唯杰地图特点

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

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

  • 多视角模式:地图支持2D3D视角,支持垂直视角、360度旋转视角;

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

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

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

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

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

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

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