<div id="map"></div>
body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
const platform = new H.service.Platform({
    apikey: 'VF3dECM64igOgk6k73EuS1pimnH_fZfGcC4Dh650gvQ'
  });


const defaultLayers = platform.createDefaultLayers();

console.log(defaultLayers)
const map = new H.Map(document.getElementById('map'), defaultLayers.vector.normal.map, {
    center: {lat: 52.496, lng: 13.382},
    zoom: 11,
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://js.api.here.com/v3/3.1/mapsjs-core.js
  2. https://js.api.here.com/v3/3.1/mapsjs-service.js