Map Block

Attributes & Setup Information

The Map Block for WordPress Gutenberg allows you to easily integrate and style a Google Map on your website. This block is perfect for highlighting your business location, event location, or points of interest with a professional and personalized touch. The map is fully interactive, allowing users to zoom in, explore the area, or view directly on Google maps to get directions. Adding a location is simple, just type the address into the “Where” box, click on the address you would like to highlight, and it will be instantly displayed.

To set up this block, make sure to start by obtaining your Google Maps API key from the Google Maps documentation and activate it via the Google Cloud Console. You may also want to consider installing the Snazzy Maps plugin. After setting up your Google Maps API key and installing Snazzy Maps, you can customize the map’s appearance to match your site’s design!

Features

  • Easy Setup

    Simply type the address in the “Where” box, and the location appears instantly.

  • Responsive Design

    The map adapts smoothly to different screen sizes for mobile and desktop users.

  • Google Maps Integration

    Seamlessly integrate Google Maps into your site.

  • Interactive Map

    Users can zoom in, explore the map, or view it on Google Maps directly.

  • Custom Styling

    Style the map to match your branding by installing Snazzy Maps.

  • Full-Bleed Display

    The map spans the entire width of the screen for a striking visual impact.