Tap Handler Example

Install

npm i @deepmap/hdm-web-map-sdk

code

            
<div style="height: 50%" id="deepMap-tap-handler"></div>
            
            

            
import '@deepmap/hdm-web-map-sdk/styles/index.scss';
            
            

                    
import {DeepMapFactory} from '@deepmap/hdm-web-map-sdk';

const config = {
    projectName: 'campushd_mbstyle',
    mapServiceUrl: 'https://ssp.deepmap.de/geo',
    target: 'deepMap-tap-handler'
};
const map = DeepMapFactory.bootstrap(config);
map.setMapViewControllerDidStart(function () {
    console.log("DeepMap initiated!");
    map.addTapHandler((queryPoint, zoomLevel, features, localFeatures) => {
        console.log("queryPoint", queryPoint);
        console.log("zoomLevel", zoomLevel);
        console.log("features", features);
        console.log("localFeatures", localFeatures);
    });
});
map.setMapViewControllerFailedStart(function (error) {
    console.log("error", error);
});