https://github.com/acemedia/ace-google-map-block

A Google Maps block for modern WordPress.
https://github.com/acemedia/ace-google-map-block

google-maps google-maps-api streetview wordpress wordpress-plugin

Last synced: 5 months ago
JSON representation

A Google Maps block for modern WordPress.

• Host: GitHub
• URL: https://github.com/acemedia/ace-google-map-block
• Owner: AceMedia
• Created: 2024-10-03T22:07:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-16T07:08:35.000Z (over 1 year ago)
• Last Synced: 2025-03-31T00:05:08.216Z (about 1 year ago)
• Topics: google-maps, google-maps-api, streetview, wordpress, wordpress-plugin
• Language: JavaScript
• Homepage: https://acemedia.ninja
• Size: 257 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
***Ace Map Block***

Contributors:      Shane Rounce of AceMedia.ninja 

Tags:              block, map, google, street view, places, wordpress, gutenberg

Tested up to:      6.6 

Stable tag:        1.0.0 

Interactive Google Maps block with Street View and Places Autocomplete, fully integrated within the WordPress block editor.

**Description**

Ace Map Block allows you to embed customizable Google Maps into the WordPress block editor, providing full integration with Google Places Autocomplete, map pins, and Google Street View. It is perfect for creating interactive, location-based content with real-time search, map, and street view features.

**Features include:**

- Adding fully interactive Google Maps directly inside the block editor.

- Droppable pins with customizable latitude and longitude.

- Toggleable Street View with heading and pitch customization.

- Real-time location search with Google Places Autocomplete.

- Automatically updates address field from selected place or reverse geocoded map clicks.

Ace Map Block integrates seamlessly into the block editor, allowing users to customize map settings, switch between map and street view, and update the map pin’s location with ease.

**Installation**

This section describes how to install the plugin and get it working.

1. Upload the plugin files to the `/wp-content/plugins/acemedia-map-block` directory, or install the plugin through the WordPress plugins screen directly.

2. Activate the plugin through the 'Plugins' screen in WordPress.

**Frequently Asked Questions**

*How do I add a map to my page?*

Simply add the "Ace Map Block" from the block editor. You can customize the map's location, pin, and toggle Street View using the block inspector.

*Can I search for places on the map?*

Yes, the plugin integrates Google Places Autocomplete, allowing you to search for locations in real-time. The map will automatically update based on your selected place.

*How does Street View work?*

You can toggle between map view and Street View using the "Is Street View?" toggle in the block inspector. Alternatively, you can drop the yellow man on the map to switch to Street View directly.

*Does the address field update automatically?*

Yes, the address field is automatically updated based on either the selected Places result or the location clicked on the map (using reverse geocoding).

**Screenshots**

1. Block editor interface with Ace Map Block and inspector settings.

2. Example of map and pin added to a post or page with Street View enabled.

**Changelog**

*0.420*

* Initial release of Ace Map Block.

* Integrated Google Maps block with customizable pins and real-time location search.

* Support for Google Street View with heading and pitch customization.

* Places Autocomplete integration for location search.

* Automatic address updates using Places or reverse geocoding.

**Advanced use**

For advanced users, Ace Map Block includes reverse geocoding and manual pin dropping to update map locations dynamically within the editor. Perfect for location-based websites that need customizable map and Street View integration directly in WordPress.