Nov 02, 2016 @ openglobus.org, site created!

Welcome to the OpenGlobus overview page! OpenGlobus is a javascript library designed to display interactive 3d maps and planets with map tiles, imagery and vector data, markers and 3d objects. It uses the WebGL technology, open source and completely free.

Here we create a globe in the 'globus' div with useful controls, tile layer of OpenStreetMap tiles, and then add a marker with some label:

        
    var osm = new og.layer.XYZ("OpenStreetMap", {
        specular: [0.0003, 0.00012, 0.00001],
        shininess: 20,
        diffuse: [0.89, 0.9, 0.83],
        isBaseLayer: true,
        url: "http://b.tile.openstreetmap.org/{z}/{x}/{y}.png",
        visibility: true,
        attribution: 'Data @ OpenStreetMap contributors, ODbL'
    });

    var controls = [
        og.control.mouseNavigation(),
        og.control.touchNavigation(),
        og.control.zoomControl(),
        og.control.earthCoordinates(),
        og.control.sun()
    ];

    globus = new og.Globus({
        "target": "globus",
        "name": "Earth",
        "controls": controls,
        "terrain": new og.terrainProvider.TerrainProvider("OpenGlobus"),
        "layers": [osm],
        "autoActivated": true
    });

    og.layer.vector("Markers", { groundAlign: true })
        .addTo(globus.planet)
        .add(new og.Entity({
            lonlat: [158.186, 52.452],
            label: {
                text: "Hi there!",
                outline: 0,
                size: 25,
                color: "#0000ff",
                face: "verdana",
                offset: [10, -2]
            },
            billboard: {
                src: "./marker.png",
                width: 39,
                height: 64,
                offset: [0, 32]
            }
        }));

    globus.planet.viewExtentArr([158.0713, 52.4024, 158.2910, 52.5095]);
            
        

Features

Layers

  • Tile layers, WMS
  • Billbords, labels
  • Vector layers: linestrings, polygons
  • GeoImage overlays: images, videos, webgl framebuffers
  • Custom canvas tiles
  • GeoJSON

Engine Performance

  • Pure WebGL based scene rendering interface
  • Simple shader program connection
  • Several globus instances on the page
  • Realtime rendering
  • Internal timers
  • Simple interface for custom controls
  • Events: draw, click, mouseenter, etc.
  • Picking: layers, objects etc.
  • Level of detail customization
  • Comfortable interaction
  • No external dependencies

Default Controls

  • Zoom buttons
  • Geodesic coordinates display
  • Layer switcher
  • Real sun positioning
  • Arcball navigation: mouse, touch, keyboard
  • Real moon positioning: in develop

3D Visualization

  • Terrain and heightmap sources customization
  • Terrain picking and collision detection
  • Custom skybox
  • Smooth lighting
  • Layers appearance customization: lighting parameters, height over ground, transparent color, opacity, visible bounds
  • Axis aligned billboards and labels
  • Atmosphere scattering - in develop
  • Collada objects - in develop
  • LIDAR terrain overlay - in develop
(c) 2017 OpenGlobus Contributors