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.
Add Google Maps API key to wp-config.php
define('GOOGLE_MAPS_API_KEY', 'google-api-key-here');
npm install
npm run start or npm run build
Upload and activate in Wordpress plugins.
Admin block settings:
Admin block styles:
Front-end block view:
