The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:
VTS Browser JS is independently usable part of VTS 3D Geospatial Software Stack: a state-of-the-art, full-stack open source platform for 3D geospatial application development.
With VTS Browser JS you may combine and render diverse geospatial data in a single online map, style and display various types of geodata, render textured polygonal meshes or OBJ models, or even render topographic labels in almost any international writing system.
| Feature | VTS Browser JS | CesiumJS | | --- | --- | --- | | Different coordinate systems support | yes | limited | | Dynamic tiled surfaces mixing (including glues) | yes | no | | Multiple surfaces and multiple bound layers support (including transparent layers) | yes | no | | Bound layers with optimized masks | yes | no | | Out-of-the-box OSM data support with custom styling | yes | limited | | Open-source backend components | yes | no | | Backend data-fusion capabilities | yes | no | | Support for international writing systems | yes | limited | | Compact-size library (gzipped and minified) | 221 KB | 577 KB + Workers |
These are some of the applications built with VTS browser JS:
Include The VTS browser JS library
Declare map containing element (with id
Initiate vts browser (with example map configuration)
Wonder where to find
mapConfig.jsonfile? See Map Configuration section.
You can run many examples in JSFiddle.
There is several ways how to bundle The VTS Browser JS Library into your project.
The easiest way to link The VTS Browser JS Library is to use the latest build (or specific version) from Melown Technologies CDN.
In case you do not want to build libray yourself or use our CDN, there is a link where you can find latest compiled libraries with demo examples.
Vts-browser-js library is in npm js repository. To add it as dependecy to your project just add it as any npm package
npm install -S vts-browser-js
If you prefer, you may build The VTS Browser JS Library from source code.
The build system uses webpack module bundler. Typical development cycle starts with
npm installfor installation of dependenices. Then you usually run
webpack-dev-serverand build with
Download and install all dependencies to local
NOTE: For some dependencies, you need
gitavailable in your system.
or more advanced (if you are using new versions of NodeJS and Yarn)
The development server is serving local files at http://localhost:8080.
And go to http://localhost:8080/demos/
The unzipped file (along with source map and CSS) is stored in
build/directory. You may now start the dev server (see lower) and open browser at http://localhost:8080 to see some demos in the
The compressed version - it's intended to be used in in production env. You can include in thetags (along with CSS) there.
Compressed version is build in the
There is also
Makefileavailable in the project directory. Referer
make helpto specific make targets. The Makefile is just wrapper around
npm runcommands (which are wrappers around webpack configuration).
Map configuration contains a all information The VTS Browser JS library needs to display given map/model. Library is usually initialize with URL to mapConfig.json file which is JSON representation of Map configuration data.
The question is, where you can get your own Map Configuration. Basically you have two options:
Melown Cloud is point-and-click interface to a subset of VTS technology, operated by Melown Tecchnologies. Conveniently, Melown Cloud may be also used as a source of custom map configurations for VTS browser JS application development.
VTS Browser JS forms part of the VTS 3D Geospatial Software Stack. Running the full stack gives you complete control over your map resources, provides you with powerful data fusion capabilities and allows for closed networks or other types of off-grid deployment.
LICENSEfile for VTS Browser JS license, run
webpackand check the
build/3rdpartylicenses.txtfile for 3rd party licenses.
Check out the CONTRIBUTING.md file.