@tomtom-international/web-sdk-plugin-minimap
v2.1.6
Published
Plugin that adds minimap to the parent map
Downloads
28
Keywords
Readme
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');