Wp google map have a functionality to use the Screen-specific settings when you’re nearing the end of active development and want to perfect how your site looks like on specific mobiles (e.g. a certain ipads or smartphones) and insert width, height and zoom level according to specific screen size.

DISPLAY MAP ACCORDING TO SPECIFIC SCREEN SIZE

Step 1Go to Add or Manage Map Page.
Step 2Scroll down page and navigate to ‘Screens Specific Setting’ section.
Step 3Then enter width, height and zoom level for different devices.
 
specific-screen
Step 4Click save map and view in different devices.
 
smartphone-mapipad

Video Tutorial