WP Manifestindependent plugin directory
manifest / editor / wp-google-maps-block

j0w0 Google Maps Block

Custom Google Maps block for Wordpress full site editing with React

by j0w0 · github.com/j0w0/wp-google-maps-block

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/j0w0/wp-google-maps-block/archive/refs/heads/master.zip

Readme

Google Maps Block

Custom Google Maps block for Wordpress full site editing. Insert custom Google Maps block, customize the map, and set a location with information. A single page can have more than 1 map.

Allows the user to customize and set:

  • Map theme (SnazzyMaps)
  • Zoom level
  • Map's position (via draggable Google Map)
  • Show/hide map controls
  • Map marker's position (draggable on the admin side)
  • Map marker's label
  • Block background color/image
  • Block padding

Uses Google Maps JavaScript API for front-end view and react-google-maps for admin/full site editing.

Environment Variable

Add Google Maps API key to wp-config.php

define('GOOGLE_MAPS_API_KEY', 'google-api-key-here');

Development / Builds

npm install

npm run start or npm run build

Upload and activate in Wordpress plugins.

Screenshots

Admin block settings:

Wordpress Admin - Block Settings

Admin block styles:

Wordpress Admin - Block Settings

Front-end block view:

Wordpress Admin - Block Settings

Read the full README on GitHub →