Map Blocks embed Google Maps with location pins on your site. This is a great way to display your business or event's location. It's popular to add the Map Block to a Contact page.
Note: Map Blocks can only display one location pin. To create maps for multiple locations, add multiple Map Blocks to a page.
Step 1 - Add the Map Block
- Open a page or post editor.
- Click an Insert Point or the +.
- Select Map from the menu.
- For more detailed steps, visit Adding blocks.
Step 2 - Add a location pin
- In the Map Block Editor, enter an address to display in the Map Block. When you start typing an address, the page populates a list of autocomplete suggestions powered by Google. The Business Name helps find the address, but it doesn't display on the Map Block itself.
- Press Enter to drop a pin of your location onto the Map Block.
Note: Map Blocks use information from Google Maps. If Google Maps doesn't have an address, Map Blocks won't be able to locate it. Visit Google's documentation to add a missing place or report an error.
Step 3 - Change the design
Click the Design tab and follow these steps to change the color scheme of the map.
Change the map color
Click the color drop-down menu to select one of the following options:
- Original - Classic Google Maps design
- Minimal Dark
- Minimal Light
- Minimal Blue - Displays water in blue and the rest of the map in white.
Add more layers
Check the options below to add more layers to the map.
- Show Labels - Display location names
- Show Terrain - Display terrain features
- Show Controls - Display zoom, direction arrows, and map scale
Step 4 - Change the size
Change the Map Block's height by clicking and dragging the bottom handle.
Tip: Press and hold Shift while dragging the handle to resize the map in 20 pixel increments. This can help align the bottom of the map with another block.
When the Map Block is in a column next to another Block, you can adjust its width with the side handles.
Step 5 - Change the zoom
Visitors can zoom in by double-clicking anywhere on the Map Block and zoom out by pressing and holding Ctrl while double-clicking on the map.
To change the default zoom level:
- While the Map Block Editor is open, zoom to your desired level, then click Apply.
- On a Mac, you can use two-finger trackpad scrolling to zoom in and out.
Can I add multiple location pins to the map?
Map Blocks can only display one location pin. To create maps for multiple locations, add multiple Map Blocks to a page.
How do visitors use the Map Block?
Visitors can click the pin on a Map Block to open the address in Google Maps. In desktop browsers, visitors can click and drag to move around the map. In mobile browsers, visitors can use two fingers to move around the map.
The Map Block is resizing and hiding the pin on mobile devices.
The Map Block resizes responsively based on browser size. While this helps with your site's mobile appearance, it sometimes hides the pin on smaller browsers. If you're viewing on a desktop browser, try expanding the browser window to reveal the pin.
Preview how your map looks on smartphones and tablets with Device View.
The Map Block is displaying incorrect information.
If you see incorrect information, you can report it to Google directly. Click Report a Map Error in the bottom-right corner of the map.