map index.js

index.js

import View from 'ol/View';
import Map from 'ol/Map';

// Wait for the page to load, otherwise getElementById may not work.
window.onload = () => {
    const target = document.getElementById('map')

    // Create a new map with the target as the div#map, and without layers - for now.
    new Map({
        target,
        view: new View({
            center: [0, 0],
            zoom: 2,
        }),
        layers: [ /* To be added later */]
    });
}