JavaScript/jQuery 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
JavaScript
- <div id="mapContainer"></div>
- $(function() {
- $("#mapContainer").dxMap({
- center: { lat: 40.749825, lng: -73.987963 },
- zoom: 10,
- controls: true
- });
- });
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.