DevExtreme jQuery/JS - Overview

The Map is an interactive widget that displays a geographic map with markers and routes.

View Demo

The code below adds the Map widget to your page. The Map is centered and zoomed and supplied with controls that allow a user to zoom and navigate the Map or change its type.

HTML
TypeScript
  • <dx-map
  • [center]="{ lat: 40.749825, lng: -73.987963 }"
  • [controls]="true"
  • [zoom]="10">
  • </dx-map>
  • import { DxMapModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • // ...
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxMapModule
  • ],
  • // ...
  • })
See Also