@tomtom-international/web-sdk-plugin-minimap

Minimap Plugin

This plugin adds a minimap to your existent Tomtom map (@tomtom-international/web-sdk-maps).

Please note that from version 2.0.0 this plugin only works with @tomtom-international/web-sdk-maps@6.*.*, if you are using @tomtom-international/web-sdk-maps@5.*.* please use version 1.*.*

Installation

Just do:

npm i @tomtom-international/web-sdk-plugin-minimap

You must also include the minimap stylesheet in your project. It's located here:

node_modules/@tomtom-international/web-sdk-plugin-minimap/dist/Minimap.css

Usage

In this example we assume that you already have the Tomtom Maps SDK for Web library included.

import tt from '@tomtom-international/web-sdk-maps';
import Minimap from '@tomtom-international/web-sdk-plugin-minimap';

const ttMinimap = new Minimap({
    ttMapsSdk: tt,
    zoomOffset: 5,
    ignorePitchAndBearing: true,
    mapOptions: {
        key: '<your-tomtom-maps-sdk-key>',
        dragRotate: false
    }
});

const map = tt.map({
    key: '<your-tomtom-maps-sdk-key>',
    container: 'map',
}, {
    center: [19.45773, 51.76217],
    zoom: 12
});

map.addControl(ttMinimap, 'bottom-right');