procedural-gl

WebJar for procedural-gl

License

License

GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

procedural-gl
Last Version

Last Version

1.0.2
Release Date

Release Date

Type

Type

jar
Description

Description

procedural-gl
WebJar for procedural-gl
Project URL

Project URL

https://www.webjars.org
Source Code Management

Source Code Management

https://github.com/felixpalmer/procedural-gl-js

Download procedural-gl

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/procedural-gl/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>procedural-gl</artifactId>
    <version>1.0.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/procedural-gl/
implementation 'org.webjars.npm:procedural-gl:1.0.2'
// https://jarcasting.com/artifacts/org.webjars.npm/procedural-gl/
implementation ("org.webjars.npm:procedural-gl:1.0.2")
'org.webjars.npm:procedural-gl:jar:1.0.2'
<dependency org="org.webjars.npm" name="procedural-gl" rev="1.0.2">
  <artifact name="procedural-gl" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='procedural-gl', version='1.0.2')
)
libraryDependencies += "org.webjars.npm" % "procedural-gl" % "1.0.2"
[org.webjars.npm/procedural-gl "1.0.2"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

procedural-gl.js

Procedural GL JS is a library for creating 3D map experiences on the web, written in JavaScript and WebGL. It is built on top of THREE.js.

It provides an easy-to-use, but powerful framework to allow 3D maps to be embedded into web pages. Super-fast loading and optimized for mobile devices.

Demo | Docs | Overlay playground | Elevation data | Source

Key features

  • Stream in standard raster imagery tiles. Supports map tiles from a variety of providers
  • Batteries included elevation data. Global 3D data coverage courtesy of nasadem.XYZ
  • Powerful overlay capabilities. Draw crisp markers and lines
  • Well-thought-out API, complex applications can be built without needing to deal with 3D concepts
  • Great UX and intuitive controls, mouse-based on desktop & touch-based on mobile
  • Tiny filesize means library is parsed fast. Package size is less than THREE.js thanks to code stripping
  • Novel GPU powered level-of-detail system. Off-loading to the GPU frees up the main JavaScript UI thread

Install

npm install procedural-gl

Usage

import Procedural from 'procedural-gl';

// Choose a DOM element into which the library should render
const container = document.getElementById( 'container' );

// Configure datasources (see documentation for details)
const datasource = { ... };

// Initialize library and optionally add UI controls
Procedural.init( { container, datasource } );
Procedural.setRotationControlVisible( true );

// Load real-world location
const montBlanc = { latitude: 45.8326364, longitude: 6.8564201 };
Procedural.displayLocation( montBlanc );

Screenshots

Examples

Blog posts / Guides

License

Procedural GL JS is licensed under the Mozilla Public License Version 2.0.

Versions

Version
1.0.2