GoogleMaps

This library enables the integration between GoogleMapsApi and an esri based web app.

Content

GoogleMapsWidgetComponent

• Shows google map and streetview with a given extent (esri Extent)
• Two visualization modes: 'sideBySide' or 'streetViewCentered'
• Shows features using esri geometries

GoogleMapsConvertionService

• Helper service to convert between projections (2056 - 4326)

Usage

1. Add library dependency to package.json.

npm i --save @sbb-amsgis/google-maps

2. Import required modules (if not already added) into app.module

BrowserAnimationsModule (or NoopAnimationsModule), HttpClientModule, HttpClientJsonpModule

@NgModule({
  declarations: [AppComponent],
  imports: [
    ...
    HttpClientModule,
    HttpClientJsonpModule,
    BrowserAnimationsModule,
    ...
  ],
  
  bootstrap: [AppComponent],
})

3. Import GoogleMapsWidgetModule

@NgModule({
  declarations: [AppComponent],
  imports: [
    ...
    GoogleMapsWidgetModule.forRoot({
      apiKey: -- GOOGLE_API_KEY --,
      geometryServiceUrl: --ESRI_GEOMETRY_SERVICE_URL--,
      streetViewRadius: 200,
    }),
    ...
  ],
  
  bootstrap: [AppComponent],
})