Map Library

Home - NSHMP Angular Library User Guide

Common components, interfaces, and utilities for dealing with maps.

Contents

• Components
• Code Scaffolding
• Running Unit Tests
• Further Help

Components

Component Module

import {NshmpMapModule} from '@ghsc/nshmp-lib-ng/map';

@NgModule({
  declarations: [],
  imports: [NshmpMapModule],
})
export class MyApplicationModule {}

Select Site

Button to open the select site dialog.

See SelectSiteComponent for input parameters.

To use import NshmpMapModule.

<nshmp-lib-ng-map-select-site></nshmp-lib-ng-map-select-site>

Select Site Dialog

Angular material dialog with ArcGIS map for selecting a site to use in hazard application.

See SelectSiteDialogComponent for input parameters.

Code scaffolding

Run npm run ng -- generate component component-name --project=nshmp-lib-ng-map to generate a new component.

Can also use npm run ng -- generate directive|pipe|service|class|guard|interface|enum|module --project=nshmp-lib-ng-map.

Note: Don't forget to add --project=nshmp-lib-ng-map or else it will be added to the default project in the angular.json file.

Running unit tests

Run npm run test -- projects/nshmp-lib-ng/map to execute the unit tests.

Further help

To get more help on the Angular CLI use npm run ng -- help or go check out the Angular CLI Overview and Command Reference page.