Overview Map Example

Install

npm i -S @deepmap/hdm-web-map-sdk @deepmap/control-overview-map

code

            
<div style="height: 50%" id="deepMap-overviews"></div>
            
            
            
import '@deepmap/hdm-web-map-sdk/styles/index.scss';
import '@deepmap/control-overview-map/styles/control-overview-map.scss';
            
            
                    
import {DeepMapFactory} from '@deepmap/hdm-web-map-sdk';
import {ControlOverviewMap} from '@deepmap/control-overview-map';

const config = {
    projectName: 'mathematikon_basemap',
    mapServiceUrl: 'https://ssp.deepmap.de/geo',
    target: 'deepMap-overview'
};

const map = DeepMapFactory.bootstrap(config);
map.addControl(new ControlOverviewMap({
    collapsed: false
}));