Angular Map - Overview
The Map is an interactive UI component that displays a geographic map with markers and routes.
The code below adds the Map UI component 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
- Configure a UI Component: Angular | Vue | React | jQuery | AngularJS | Knockout
- Map - Zoom and Center the Map
- Map - Specify the Provider and Type
- Map - Specify the Size
- Map - Configure Markers
- Map - Configure Routes
- Map API Reference
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.