<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();

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

const behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));

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
  3. https://js.api.here.com/v3/3.1/mapsjs-mapevents.js