[feature] remove reliance on Webpack (or update docs to show how) about harp.gl HOT 11 CLOSED

    const canvas = document.getElementById("harpCanvas");
    const mapView = new MapView({
        canvas,
        theme:
            "https://unpkg.com/@here/[email protected]/resources/berlin_tilezen_base.json"

        // decoderUrl: "harp-gl-decoders.bundle.js"
    });

    mapView.camera.position.set(0, 0, 800);
    mapView.geoCenter = new GeoCoordinates(40.70398928, -74.01319808, 0);
    mapView.resize(canvas.clientWidth, canvas.clientHeight);

    const dataSource = new OmvDataSource({
        baseUrl: "https://vector.hereapi.com/v2/vectortiles/base/mc",
        apiFormat: APIFormat.XYZOMV,
        styleSetName: "tilezen",
        authenticationCode: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
        authenticationMethod: {
            method: AuthenticationMethod.QueryString,
            name: "apikey"
        }
    });

    mapView.addDataSource(dataSource);

    MapControls.create(mapView);

    import { MapView } from "@here/harp-mapview";
    import { GeoCoordinates } from "@here/harp-geoutils";
    import {
        APIFormat,
        OmvDataSource
    } from "@here/harp-omv-datasource";
    import { MapControls, MapControlsUI } from "@here/harp-map-controls";
    import { OmvTileDecoderService } from "@here/harp-omv-datasource/index-worker";

    const canvas = document.getElementById("harpCanvas");
    const map = new MapView({
        canvas,

        theme:
            "https://unpkg.com/@here/[email protected]/resources/berlin_tilezen_base.json",

        //For tile cache optimization:
        maxVisibleDataSourceTiles: 40,
        tileCacheSize: 100
    });

    map.setCameraGeolocationAndZoom(
        new GeoCoordinates(1.278676, 103.850216),
        16
    );

    const mapControls = new MapControls(map);
    const ui = new MapControlsUI(mapControls);
    canvas.parentElement.appendChild(ui.domElement);

    mapControls.maxPitchAngle = 90;
    // mapControls.setRotation(6.3, 50);
    // mapControls.camera.rotation

    map.resize(window.innerWidth, window.innerHeight);
    window.onresize = () => map.resize(window.innerWidth, window.innerHeight);

    const omvDataSource = new OmvDataSource({
        baseUrl: "https://xyz.api.here.com/tiles/herebase.02",
        apiFormat: APIFormat.XYZOMV,
        styleSetName: "tilezen",
        authenticationCode: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
    });

    map.addDataSource(omvDataSource);

// import OmvTileDecoderService inside a web Worker with vanilla JS, thanks to
// the JSPM ES Module CDN (https://jspm.io).
{
    const workerCode = `
        import HarpOmvDatasource from 'https://dev.jspm.io/@here/harp-omv-datasource/index-worker'
        console.log(HarpOmvDatasource.OmvTileDecoderService)
    `;

    const blob = new Blob([workerCode], {type: 'application/javascript'});
    const worker = new Worker(URL.createObjectURL(blob), {type: 'module'});
}

{
  service: "worker-service-manager",
  type: "initialized"
}

    const workerCode = `
        import HarpOmvDatasource from 'https://dev.jspm.io/@here/harp-omv-datasource/index-worker'
        const { OmvTileDecoderService } = HarpOmvDatasource
        console.log('IN WORKER!!', OmvTileDecoderService)
        OmvTileDecoderService.start()
    `;
    const blob = new Blob([workerCode], { type: "application/javascript" });

    const canvas = document.getElementById("harpCanvas");
    const map = new MapView({
        canvas,
        theme: "https://unpkg.com/@here/[email protected]/resources/berlin_tilezen_base.json",
        decoderUrl: URL.createObjectURL(blob),
    });

    const workerCode = `
        async function main() {
            const { OmvTileDecoderService } = (
                await import('https://dev.jspm.io/@here/harp-omv-datasource/index-worker')
            ).default

            OmvTileDecoderService.start()
        }

        main()
    `;
    const blob = new Blob([workerCode], { type: "application/javascript" });

    const canvas = document.getElementById("harpCanvas");
    const map = new MapView({
        canvas,
        theme: "https://unpkg.com/@here/[email protected]/resources/berlin_tilezen_base.json",
        decoderUrl: URL.createObjectURL(blob),
    });