BING Background Layer Example

Install

npm i -S @deepmap/hdm-web-map-sdk @deepmap/control-bing @deepmap/control-level-switch

code

            
<div style="height: 50%" id="deepMap-bing"></div>
            
            
            
import '@deepmap/hdm-web-map-sdk/styles/index.scss';
import '@deepmap/control-level-switch/styles/control-level-switch.scss';
            
            
                    
import {DeepMapFactory} from '@deepmap/hdm-web-map-sdk';
import {ControlLevelSwitch} from '@deepmap/control-level-switch';
import {ControlHeatmap} from '@deepmap/control-heatmap';

const bingControl = new ControlBing({
    imagerySet: 'Road',
    key: "your_bing_key",
    hidpi: true
}
const map = DeepMapFactory.bootstrap(config);
map.addControl(levelControl);

map.setMapViewControllerDidStart(function () {
    map.addControl(bingControl);
});