webaware

<p>Flexible Map allows you to add Google Maps to your WordPress website with simple shortcodes.</p>
<h3>Features</h3>
<ul>
<li>three ways to load a map:
<ul>
<li>by center coordinates</li>
<li>by street address</li>
<li>by URL to a Google Earth KML file</li>
</ul>
</li>
<li>simple shortcode for adding maps to pages/posts</li>
<li>PHP function <code>flexmap_show_map()</code> for theme and plugin developers</li>
<li>supports multiple maps on a page/post</li>
<li>supports responsive design — specify width / height in percent</li>
<li>map marker doesn’t have to be the center of the map</li>
<li>optional description for info window</li>
<li>optional directions link for info window</li>
<li>directions can be dropped into any div element with an ID</li>
<li>minimal dependencies — just WordPress and the Google Maps API</li>
</ul>
<p><a href="https://flexible-map.webaware.net.au/manual/getting-started/" rel="nofollow ugc">Get started with Flexible Map</a>.<br />
<a href="https://flexible-map.webaware.net.au/manual/" rel="nofollow ugc">Read the manual online</a>.</p>
<h3>Sponsorships</h3>
<ul>
<li>directions on KML maps generously sponsored by <a href="http://www.rogerlos.com/" rel="nofollow ugc">Roger Los</a></li>
</ul>
<p>Thanks for sponsoring new features on WP Flexible Maps!</p>
<h3>Translations</h3>
<p>Many thanks to the generous efforts of our translators:</p>
<ul>
<li>Czech (cs) — <a href="https://profiles.wordpress.org/caslavak/" rel="nofollow ugc">caslavak</a> and the <a href="https://translate.wordpress.org/locale/cs/default/wp-plugins/wp-flexible-map" rel="nofollow ugc">Czech translation team</a></li>
<li>Dutch (nl) — <a href="https://lijndiensten.com/" rel="nofollow ugc">Ivan Beemster</a> and the <a href="https://translate.wordpress.org/locale/nl/default/wp-plugins/wp-flexible-map" rel="nofollow ugc">Dutch translation team</a></li>
<li>English (en_CA) — <a href="https://translate.wordpress.org/locale/en-ca/default/wp-plugins/wp-flexible-map" rel="nofollow ugc">the English (Canadian) translation team</a></li>
<li>French (fr) — <a href="https://profiles.wordpress.org/mister-klucha/" rel="nofollow ugc">mister klucha</a> and the <a href="https://translate.wordpress.org/locale/fr/default/wp-plugins/wp-flexible-map" rel="nofollow ugc">French translation team</a></li>
<li>German (de) — <a href="https://www.caribdesign.com/" rel="nofollow ugc">Carib Design</a> and the <a href="https://translate.wordpress.org/locale/de/default/wp-plugins/wp-flexible-map" rel="nofollow ugc">German translation team</a></li>
<li>Greek (el) — <a href="https://profiles.wordpress.org/ironwiller/" rel="nofollow ugc">Pantelis Orfanos</a></li>
<li>Hungarian (hu) — Krisztián Vörös</li>
<li>Italian (it_IT) — the <a href="https://translate.wordpress.org/locale/it/default/wp-plugins/wp-flexible-map" rel="nofollow ugc">Italian translation team</a></li>
<li>Korean (ko_KR) — the <a href="https://translate.wordpress.org/locale/ko/default/wp-plugins/wp-flexible-map" rel="nofollow ugc">Korean translation team</a></li>
<li>Swedish (sv_SE) — the <a href="https://translate.wordpress.org/locale/sv/default/wp-plugins/wp-flexible-map" rel="nofollow ugc">Swedish translation team</a></li>
<li>Norwegian: Bokmål (nb_NO) — <a href="https://www.neonnero.com/" rel="nofollow ugc">neonnero</a></li>
<li>Norwegian: Nynorsk (nn_NO) — <a href="https://www.neonnero.com/" rel="nofollow ugc">neonnero</a></li>
<li>Portuguese (pt_BR) — Alexsandro Santos and Paulo Henrique</li>
<li>Spanish (es) — <a href="https://profiles.wordpress.org/edurramos/" rel="nofollow ugc">edurramos</a></li>
<li>Welsh (cy) — <a href="https://profiles.wordpress.org/dtom-ct-wp/" rel="nofollow ugc">Dylan</a></li>
</ul>
<p>The initial translations for all other languages were made using Google Translate, so it’s likely that some will be truly awful! If you’d like to help out by translating this plugin, please <a href="https://translate.wordpress.org/projects/wp-plugins/wp-flexible-map" rel="nofollow ugc">sign up for an account and dig in</a>.</p>
<h3>Privacy</h3>
<p>Flexible Map embeds Google Maps into your web pages. Please review Google’s <a href="https://cloud.google.com/maps-platform/terms/maps-controller-terms/" rel="nofollow ugc">Privacy and Personal Information</a> for information about how that affects your website’s Privacy Policy. By using this plugin, you are agreeing to the terms of use for Google Maps.</p>
<p>The Flexible Map plugin itself does not collect any personally identifying information, and does not set any cookies itself.</p>


Flexible Map

Embed Google Maps shortcodes in pages and posts, either by center coordinates or street address, or by URL to a Google Earth KML file.

wp-customtypes

<p><strong>Supercharge Toolset Maps with professional OpenStreetMap features that go beyond the basic core implementation.</strong></p>
<p>While Toolset Maps provides a foundation for OSM, this plugin enhances the experience with advanced visualization and data tools, now fully integrated with the WordPress Block Editor.</p>
<h3>🧱 NEW: Gutenberg Blocks</h3>
<p>Forget about complex shortcodes. Version 3.0 introduces native blocks:<br />
* <strong>Advanced OSM Map Block:</strong> Configure satellite views, clustering, and tracks visually in the sidebar.<br />
* <strong>Dynamic Track Loader Block:</strong> Easily link Toolset File Fields (KML/GPX) to your maps within Query Loops or Content Templates.</p>
<h3>🛰️ Satellite View</h3>
<p>High-resolution Esri satellite imagery not available in native Toolset. Includes an interactive toggle button for front-end users.</p>
<h3>🔵 Pro Clustering</h3>
<p>While Toolset offers basic clustering, AOTM gives you more control. Customize the cluster color to match your brand and set precise zoom thresholds for declustering.</p>
<h3>📍 KML & GPX Support</h3>
<p>Visualize tracks, routes, or shapes. Load files in three ways:<br />
1.  <strong>Media Library:</strong> Select multiple files directly from your WordPress media.<br />
2.  <strong>Direct URLs:</strong> Paste manual KML/GPX links.<br />
3.  <strong>Dynamic Fields:</strong> Use a Toolset File Field slug to pull tracks from your custom posts.</p>
<h3>🎨 Custom Styling & Layers</h3>
<ul>
<li><strong>Grayscale Mode:</strong> Apply “silver” or “muted” styles with precise intensity control.</li>
<li><strong>Layer Management:</strong> Toggle roads and labels independently for a cleaner, professional design.</li>
</ul>
<p>Check <a href="https://wp-customtypes.com/advanced-osm-for-toolset-maps/" rel="nofollow ugc">DEMOS</a><br />
Check author page <a href="https://wp-customtypes.com/" rel="nofollow ugc">wp-customtypes.com</a></p>
<h3>Feature Comparison</h3>
<p><strong>Satellite View</strong><br />
Toolset Maps ❌ No<br />
Advanced OSM ✅ 1-click</p>
<p><strong>Marker Clustering</strong><br />
Toolset Maps ⚠️ Basic only<br />
Advanced OSM ✅ Customizable</p>
<p><strong>Grayscale Effects</strong><br />
Toolset Maps ❌ No<br />
Advanced OSM ✅ 0-100% control</p>
<p><strong>Layer Toggles</strong><br />
Toolset Maps ❌ All or none<br />
Advanced OSM ✅ Roads/Labels separate</p>
<p><strong>Zoom Control</strong><br />
Toolset Maps ❌ Basic<br />
Advanced OSM ✅ Precise levels</p>
<p><strong>KML/GPX Support</strong><br />
Toolset Maps ❌ No<br />
Advanced OSM ✅ Yes (Shapes & Tracks)</p>
<h3>Shortcode Examples</h3>
<p><strong>Basic OpenStreetMap</strong><br />
[aotm-advanced-osm-map map-id=”map-1″]<br />
[wpv-map-render map_id=”map-1″][/wpv-map-render]</p>
<p><strong>Satellite View with Layers</strong><br />
[aotm-advanced-osm-map map-id=”map-2″ satellite=”on” labels=”on” roads=”on”]<br />
[wpv-map-render map_id=”map-2″][/wpv-map-render]</p>
<p><strong>Professional Styling</strong><br />
[aotm-advanced-osm-map map-id=”map-3″ grayscale=”0.9″ cluster=”on” cluster-color=”#f05a28″]<br />
[wpv-map-render map_id=”map-3″][/wpv-map-render]</p>
<p>**Dynamic Tracks in a View or Single Post via URL **<br />
Inside any Post or Page:<br />
[aotm-advanced-osm-map map-id=”map-4″ track-field=”https://my-domain.com/wp-content/uploads/my-track.gpx,https://my-domain.com/wp-content/uploads/my-shape.kml”]<br />
[wpv-map-render map_id=”map-4″][/wpv-map-render]</p>
<p><strong>Dynamic Tracks in a View or Single Post via Custom field</strong><br />
Inside your Toolset View loop or Content Template:<br />
[aotm-advanced-osm-map map-id=”map-5″]<br />
[wpv-map-render map_id=”map-5″][/wpv-map-render]</p>
<p>[aotm-advanced-osm-marker map-id=”map-4″ track-field=”track-file-slug”]</p>
<h3>Full Shortcode Reference</h3>
<h4>[aotm-advanced-osm-map]</h4>
<ul>
<li>map-id: (Required) Must match your Toolset map ID.</li>
<li>satellite: “on” – Set satellite as default base layer.</li>
<li>satellite-button: “off” – Hide Satellite toggle button (default on).</li>
<li>cluster: “on” – Enable custom marker clustering.</li>
<li>cluster-color: Hex color (e.g., #ff5500) – Change the cluster icon color.</li>
<li>zoom-cluster: 0-18 – Zoom level where clustering turns off (default 12).</li>
<li>track-url: Direct URL to a .kml or .gpx file. Supports multiple URLs separated by commas.</li>
<li>track-field: Slug of the Toolset custom field containing KML/GPX URLs (for global tracks).</li>
<li>grayscale: 0.1-1 – Grayscale intensity (default 0).</li>
<li>labels/roads: “on” – Show extra overlays.</li>
</ul>
<h4>[aotm-advanced-osm-marker]</h4>
<ul>
<li>map-id: (Required) Must match your Toolset map ID.</li>
<li>track-field: (Required) Slug of the Toolset File Field (KML or GPX).</li>
</ul>


Advanced OSM for Toolset Maps

Extends Toolset Maps with professional OpenStreetMap features: Gutenberg Blocks, Satellite view, Custom Clustering, and KML/GPX tracks integration.

Flexible Map vs Advanced OSM for Toolset Maps