Angular Map - providerConfig

A provider configuration object.

Selector: dxo-provider-config
Type:

Object

Default Value: { mapId: '', useAdvancedMarkers: true }

app.component.html
app.module.ts
  • <dx-map ...
  • provider="google"
  • apiKey="YOUR_API_KEY"
  • >
  • <dxo-provider-config
  • mapId="YOUR_GOOGLE_MAP_ID"
  • >
  • </dxo-provider-config>
  • </dx-map>
  • import { BrowserModule } from '@angular/platform-browser';
  • import { NgModule } from '@angular/core';
  • import { AppComponent } from './app.component';
  •  
  • import { DxMapModule } from 'devextreme-angular';
  •  
  • @NgModule({
  • declarations: [
  • AppComponent
  • ],
  • imports: [
  • BrowserModule,
  • DxMapModule
  • ],
  • providers: [ ],
  • bootstrap: [AppComponent]
  • })
  • export class AppModule { }

mapId

Specifies a map ID for the google and googleStatic providers.

Type:

String

Default Value: ''

This property is required if you use markers.

useAdvancedMarkers Deprecated

Specifies whether to use advanced markers with the google and googleStatic providers.

Type:

Boolean

Default Value: true