Skip to content

1 - Loading a map

This basic example shows the minimum necessary to load a map.

Map Viewer

Code

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
// ---- LOADING MODULE ----
DVM.loadModule("map_viewer", {
    container: "viewer-container" // Container where the viewer will be appended
})
    .then(function(viewer) {
        console.log(`Module '${viewer.getModuleName()}' initialized:`, viewer);
        start(viewer);

    })
    .catch(function(err) {
        console.error(err);
    });

function start(viewer) {

    // ---- LOADING MAP ----
    viewer.loadMap({
        venue_id: "eu-es-00008-default", // Venue to be loaded. 3ddigitalvenue will provide these IDs
        // map_id: "main" // Map id. "main" by default. Not necessary in this case.
    })
        .then(function(obj) {
            // Successfully loaded
            console.log("LOADED!");
        })
        .catch(function(err) {
            // Error while loading
            console.error(err);
        });
}