MapLayers Extension/Package
Copyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md for license terms and full copyright notice.
An iTwin.js Extension that adds a widget for attaching and updating map attachments in a view:
This extension serves as an example of a extension that can be added to iTwin.js host applications. See http://itwinjs.org for comprehensive documentation on the iTwin.js API and the various constructs used in this sample.
This package can also be installed into an application and the method MapLayersUI.initialized() called during the host IModelApps initialize processing.
Development Setup
-
Select and prepare an iTwin.js host application. You can use the [ui-test-app] to host the extension, for example.
-
The dependencies are installed as part of "rush install" in the iTwin.js repository.
-
Build the extension as part of the "rush build" in the iTwin.js repository, or separately build using the npm build command.
npm run build- Copy all the output files in the lib/build directory tree to imjs_extensions/map-layers directory in the web resources of the host application.
Optionally symbolic link files on window. Example below sets up ui-test-app.
cd/d D:\imodeljs\test-apps\ui-test-app\build
md imjs_extensions
cd imjs_extensions
mklink /d map-layers D:\imodeljs\extensions\map-layers\lib\extension\- Start the host application - go to its directory and run:
npm run start:servers-
Open a web browser (e.g., Chrome or Edge), and browse to localhost:3000.
-
Start the extension using the ExtensionTool - ExtensionTool.run("map-layers");
Optionally in ui-test-app use the key-in browser tool and set Key-in to "load extension" and Arguments to "map-layers". Once started look for the "Map Layers" widget in the right panel.