DevExtreme jQuery/JS - Specify the Size

The default size of the Map widget is 300x300 pixels. To change it, use to the width and height options.

JavaScript
  • $(function() {
  • $("#mapContainer").dxMap({
  • center: { lat: 40.749825, lng: -73.987963 },
  • zoom: 10,
  • width: '100%',
  • height: 500
  • });
  • });

If you prefer specifying the widget size using CSS, set the width and height options to null.

JavaScript
CSS
  • $(function() {
  • $("#mapContainer").dxMap({
  • center: { lat: 40.749825, lng: -73.987963 },
  • zoom: 10,
  • width: null,
  • height: null
  • });
  • });
  • #mapContainer {
  • width: 100%;
  • height: 500px;
  • }
See Also