VJMAP3D
Lift CAD drawings and maps
into 3D

let svc = new vjmap3d.Service(env.serviceUrl, env.accessToken);
let app = new vjmap3d.App(svc, {
    render: { engine: "webgpu" },   // falls back to WebGL if unsupported
    container: "map",
    camera: { viewHelper: { enable: true } }
})
await app.whenReady();
let res = await app.svc.openMap({
    mapid: env.exampleMapId,
    mapopenway: vjmap3d.MapOpenWay.GeomRender, // open with geometry rendering
    style: vjmap3d.openMapDarkStyle()
});
let provider = new vjmap3d.MapProvider([{ url: app.svc.rasterTileUrl() }], { transparent: true });
let mapBounds = vjmap3d.GeoBounds.fromString(res.bounds)
let mapviewEnt = new vjmap3d.MapViewEntity({
    provider,
    baseScale: 100,
    mapBounds: mapBounds.toArray()
});
mapviewEnt.addTo(app);

// Convert between CAD and 3D world coordinates
let cadLen = mapBounds.width() / 50;
let len = vjmap3d.toDist(cadLen);
let box = new THREE.BoxGeometry(len, len, len)
let mesh = new THREE.Mesh(box, new THREE.MeshStandardMaterial({ color: "#f00" }));
let cadPos = [mapBounds.center().x, mapBounds.center().y, cadLen];
mesh.position.copy(vjmap3d.toWorld(cadPos));
// Wrap as an entity to make it pickable and animatable
let entity = vjmap3d.Entity.fromObject3d(mesh);