Product overview
About 1 min
Product overview
What is vjmapext?
vjmapext is the CAD drawing extension for vjmap — it brings professional vector drawing and annotation to web maps. The core class MapCadLayer implements vjmap’s IControl interface, mounts as a map control, and integrates CAD-grade drawing, editing, annotation, and animation into map applications.
const mapcadLayer = new MapCadLayer();
map.addControl(mapcadLayer); // Mount as IControl on the vjmap mapPositioning
vjmapext is not a standalone CAD app. It targets GIS + CAD scenarios: a drawing engine that sits on top of the map as a vector layer, built with familiar web technologies.
Key features
| Feature | Description |
|---|---|
| Vector entities | Lines, polylines, circles, arcs, ellipses, splines, hatches, text, block refs — 15+ entity types covering common CAD primitives |
| DWG / CAD basemap | Open DWG via vjmap as a basemap; overlay vectors, highlights, and monitoring points for web customization |
| Commands | Built-in LINE, CIRCLE, MOVE, COPY, TRIM, FILLET, and 30+ commands; register custom commands |
| Dimensions | LinearDimEnt, AlignedDimEnt, AngleDimEnt, RadialDimEnt, MLeaderEnt; associative updates |
| Animation | AnimationManager — Tween, path, spring, keyframes; radar, pulse, trails, blink |
| Plugins | PluginManager loads plugins to extend commands, entities, and UI |
| TypeScript | Written in TypeScript with full typings |
| i18n | Chinese / English via locale or setLocale() for prompts and UI |
Architecture
How MapCadLayer ties subsystems together:
Use cases
| Scenario | Description |
|---|---|
| GIS + CAD | Annotate regions, equipment, routes on geographic basemaps |
| Indoor maps | Floor plans as basemap; rooms, facilities, navigation |
| Engineering review | Mark up DWG online with dimensions and notes |
| Facility management | Inspection labels and status on plants / campuses / pipelines |
| Visualization | Animations — sweeps, heat-style labels, trajectory playback |
Browser support
| Browser | Min version | Notes |
|---|---|---|
| Chrome | 80+ | Recommended |
| Firefox | 78+ | Supported |
| Edge | 80+ | Supported |
| Safari | 14+ | Supported |
| IE | — | Use Edge instead |
Note
vjmapext relies on WebGL. Enable hardware acceleration. Mobile works; mid–high-end devices recommended for best performance.
Next steps
- Quick start — install and draw the first shape
- Architecture — layers, components, and data flow