Skip to content

Version 0.420

Choose a tag to compare

@AceMedia AceMedia released this 04 Oct 00:45
· 56 commits to main since this release

Google Map Block Plugin - v0.420 Pre-release Notes

Overview

We are excited to introduce the first release of the Google Map Block plugin! This plugin allows you to seamlessly embed customizable Google Maps into your WordPress block editor, with full integration for adding pins, switching between standard map view and Street View, and real-time location search via Google Places Autocomplete.


Key Features:

  • Google Maps Block Integration:

    • Add fully interactive Google Maps directly within the WordPress block editor.
    • Customize the latitude and longitude to set the map's center.
    • Add a draggable pin to mark specific locations on the map.
  • Street View Support:

    • Toggle between Map view and Google Street View for a more immersive experience.
    • Automatic switching between views via both the map UI (yellow Street View man) and a customizable "Is Street View?" checkbox in the block inspector.
    • Street View Heading and Pitch customization for fine-tuning the perspective.
  • Location Search with Google Places Autocomplete:

    • Integrated Google Places Autocomplete allows users to search and drop pins by selecting suggested places in real-time.
    • The chosen address from Places Autocomplete always takes priority for setting the map’s location and address field.
    • Address field auto-populates from the selected place or through reverse geocoding when the map is clicked.
  • Map Clicks and Reverse Geocoding:

    • Clicking on the map updates the pin location and reverse geocodes the coordinates to display the nearest address in the block inspector.
    • The address is automatically updated based on the last interaction, whether via search or map click.
  • Customizable Inspector Settings:

    • Modify map attributes directly from the WordPress block inspector, including:
      • Latitude and Longitude.
      • Address (read-only, dynamically updated based on interaction).
      • Street View Heading and Pitch (for controlling the view direction).
      • Is Street View? toggle to enable or disable Street View.

Technical Improvements:

  • Real-time Address Updates:

    • Address updates are triggered via Google Places Autocomplete or reverse geocoding based on the user’s interactions, ensuring that the correct address is always displayed in the inspector.
  • Seamless Integration of Map and Street View:

    • Street View automatically syncs its position with the map pin’s coordinates.
    • Toggling between Street View and the map view is fluid, both in the editor and via the map UI controls.
    • The "Is Street View?" checkbox automatically checks or unchecks based on Street View interactions (e.g., entering or exiting Street View).
  • Draggable Pin Feature:

    • Users can drag the pin to a new location, and the coordinates (and address) will automatically update in the editor.

Known Issues:

  • Street View Address Limitation: Street View does not automatically update the address when moving within the view, which avoids potential conflicts with the selected Places address. Use the map pin or search for accurate address updates.

How to Use:

  1. Add the Google Map Block: In the WordPress block editor, add the Google Map Block to your post or page.
  2. Search for a Location: Use the search field to find and set your desired location.
  3. Toggle Street View: Switch to Street View using the map's yellow man or the block inspector checkbox.
  4. Drag the Pin: Click on the map or drag the pin to update the location.
  5. Customize the Map: Use the block inspector to fine-tune the map's center, Street View heading, and pitch.

With the Google Map Block Plugin, you can now easily integrate interactive maps into your WordPress site with fully customizable pins, Street View support, and powerful real-time location search. We hope you enjoy the functionality of this plugin and look forward to your feedback.

Full Changelog: Pre-release...v0.420