Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
dev:developer:examples:addviewwithoptions [2020/02/03 20:49] jeroen |
— (current) | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Example addViewWithOptions ===== | ||
- | The preset longitude/ | ||
- | |||
- | < | ||
- | < | ||
- | <meta charset=" | ||
- | < | ||
- | <style rel=" | ||
- | body { | ||
- | padding: | ||
- | margin: 0; | ||
- | } | ||
- | </ | ||
- | </ | ||
- | |||
- | <span style=" | ||
- | <span id=" | ||
- | </ | ||
- | <span style=" | ||
- | <label for=" | ||
- | <input id=" | ||
- | <label for=" | ||
- | <input id=" | ||
- | <label for=" | ||
- | <select id=" | ||
- | <option value=" | ||
- | <option value=" | ||
- | <option value=" | ||
- | <option value=" | ||
- | <option value=" | ||
- | </ | ||
- | <label for=" | ||
- | <input id=" | ||
- | <label for=" | ||
- | <input id=" | ||
- | <label for=" | ||
- | <input id=" | ||
- | <label for=" | ||
- | <input id=" | ||
- | <label for=" | ||
- | <input id=" | ||
- | <label for=" | ||
- | <input id=" | ||
- | <span style=" | ||
- | Default location: Orbit Office Lokeren. | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | |||
- | <script type=" | ||
- | |||
- | /** | ||
- | * Example: | ||
- | | ||
- | * | ||
- | | ||
- | |||
- | var viewer; | ||
- | |||
- | var AMap = orbitgt.mapping3d.sdk.viewer.AMap; | ||
- | var Constants = orbitgt.mapping3d.sdk.viewer.Constants; | ||
- | var SDKViewer = orbitgt.mapping3d.sdk.viewer.SDKViewer; | ||
- | var Coordinate = orbitgt.mapping3d.sdk.viewer.Coordinate; | ||
- | |||
- | function handleFocus(event) { | ||
- | let lon = parseFloat(document.getElementById(" | ||
- | let lat = parseFloat(document.getElementById(" | ||
- | let position = Coordinate.fromXY(" | ||
- | let renderMode = document.getElementById(" | ||
- | let clear = document.getElementById(" | ||
- | let pan = parseFloat(document.getElementById(" | ||
- | let tilt = parseFloat(document.getElementById(" | ||
- | let fovValue = parseFloat(document.getElementById(" | ||
- | let fovDrive = document.getElementById(" | ||
- | |||
- | let fov = fovDrive ? " | ||
- | if (isNaN(fov)) fov = undefined; | ||
- | |||
- | let options = new AMap(); | ||
- | options.set(Constants.STARTUP_PAN, | ||
- | options.set(Constants.STARTUP_TILT, | ||
- | options.set(" | ||
- | |||
- | viewer.addViewWithOptions(position, | ||
- | (result)=> | ||
- | (error)=> | ||
- | ); | ||
- | } | ||
- | |||
- | /** | ||
- | * Called when something changes to the viewer state. | ||
- | */ | ||
- | | ||
- | // Save state somewhere... | ||
- | window.localStorage.setItem(" | ||
- | } | ||
- | |||
- | /** | ||
- | * Called when the viewer component is ready for interaction. | ||
- | */ | ||
- | function handleReady() { | ||
- | viewer.onAppStateChanged.add(handleAppStateChanged); | ||
- | document.getElementById(" | ||
- | } | ||
- | |||
- | /** | ||
- | * Called when the page is full loaded. | ||
- | */ | ||
- | function handleDOMReady() { | ||
- | var options = new AMap(); | ||
- | options.set(Constants.STARTUP_APP_STATE, | ||
- | // Create viewer | ||
- | var appElement = document.getElementById(" | ||
- | viewer = new SDKViewer(" | ||
- | viewer.setSize(800, | ||
- | viewer.isReady.then(handleReady); | ||
- | } | ||
- | |||
- | // Wait for page to load | ||
- | document.addEventListener(" | ||
- | |||
- | </ | ||
- | </ |
Last modified:: 2020/02/03 20:49