Andrew Taylor

This plugin requires WordPress <code>5.0</code> or greater.
<h3>API Key</h3>
This plugin requires an API key to interact with Google Maps. Without an API key maps will not be displayed.
To obtain an API key follow these steps: 
1. Create a new project in the Google Developer’s console by clicking <a href="https://console.developers.google.com/flows/enableapi?apiid=maps_backend,static_maps_backend,maps_embed_backend&keyType=CLIENT_SIDE&reusekey=true" rel="nofollow ugc">here</a> and selecting Create new project 
1. Name your project 
1. Select HTTP referrers (web sites) for the Key restriction type 
1. Enter the domains where your API key will be used 
 – Example: <code>*.mysite.com</code> 
1. Click the Create button 
1. Write your API key down in a safe place 
1. Enter the API key into the plugin settings 
1. Clear full page caching, if necessary
Note: The API key will be exposed publicly to generate the map. It is important to <a href="https://developers.google.com/maps/documentation/embed/get-api-key#key-restrictions" rel="nofollow ugc">restrict your API key</a> so others do not abuse it. The API key will be used, and displayed, in both the WordPress editor and the front end of the site.
<h3>Use</h3>
Once you have saved an API key into the plugin settings simply enter a location, such as New York, NY, or a full address. You may also choose the map width, height, zoom level and toggle between an interactive map or a static image in the block settings, which are visible in the right-hand sidebar when the block is selected.

Gutenberg Block For Google Maps Embed By Pantheon

This plugin requires WordPress 5.0 or greater.

Webris Team

Webris Maps brings the full power of <a href="https://webris.pro" rel="nofollow ugc">Webris</a> — a professional cloud mapping platform with 17+ years of GIS expertise — directly into your WordPress site.
Import your data, customize the look, and embed interactive maps on your website — all from your browser. No GIS expertise required, no installation, no training. Markers, polygons, lines, heatmaps, GPX tracks, GeoJSON, CSV, and WMS layers — all managed in one platform.
Create once, embed everywhere. Update your data in Webris and every embed refreshes automatically. Your maps are responsive, encrypted, and domain-protected out of the box.
<h4>Why Webris?</h4>
<ul>
<li>17+ years of mapping expertise — not a startup experiment, a battle-tested platform trusted across 30+ countries</li>
<li>No API keys, no config files — just paste your map UUID and go</li>
<li>Auto-updating embeds — change data once, every embed refreshes</li>
<li>Your data, your choice — export everything (GeoJSON, GPX, CSV, KML). Open standards, no lock-in</li>
</ul>
<h4>Plugin Features</h4>
<ul>
<li>Gutenberg Block — native block editor support with live preview</li>
<li>Shortcode — classic editor: <code>[webris_map id="your-uuid"]</code></li>
<li>PHP Template Function — for theme developers</li>
<li>Customizable — height, width, and border styles</li>
<li>Responsive — maps adapt to any screen size</li>
<li>Smart loading — viewer script loaded once, no matter how many maps on the page</li>
<li>Self-hosted support — works with self-hosted Webris instances</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Create your map on <a href="https://webris.pro" rel="nofollow ugc">Webris</a> — import data, add layers, style everything visually</li>
<li>Click Publish — one click generates a secure, encrypted bundle</li>
<li>Copy the map UUID</li>
<li>Add the Webris Map block or shortcode in WordPress</li>
<li>Done — three lines of HTML, works instantly</li>
</ol>
<h4>Shortcode Examples</h4>
Basic usage: 
 [webris_map id=”a1b2c3d4-e5f6-7890-abcd-ef1234567890″]
With custom height: 
 [webris_map id=”your-uuid” height=”500px”]
With border style: 
 [webris_map id=”your-uuid” height=”500px” border=”rounded”]
<h4>PHP Template Function</h4>
For theme developers: 
 ‘500px’, ‘border’ => ‘shadow’]); ?>

Webris Maps

Embed interactive Webris maps in WordPress — markers, heatmaps, GPS tracks, polygons, and more. Just paste your map UUID.

Gutenberg Block For Google Maps Embed By Pantheon vs Webris Maps