Visually stunning, responsive maps with custom styles and markers directly in the block editor.

modernmaps

<p>Modern Maps brings highly customizable vector maps directly into the WordPress block editor. Designed for performance and aesthetics, it utilizes MapLibre GL to render incredibly smooth and visually striking maps.</p>
<p>Whether you need a simple location map with a custom marker, or you want to deeply customize the colors and styles of your map base layers to match your brand, Modern Maps has you covered.</p>
<p><strong>Features include:</strong><br />
* Easily place the map block anywhere on your page or post.<br />
* Add customized map markers using coordinates or a built-in location search.<br />
* Control the initial viewport center and fixed zoom, or choose “Auto (Fit to Markers)” to ensure all your points are always visible.<br />
* Beautiful preset themes (“Black,” “White,” “Standard”) built-in.</p>
<h4>Source Code</h4>
<p>The full unminified source code for all JavaScript and CSS is included in the <code>src/</code> directory of this plugin. The compiled versions used at runtime are in the <code>build/</code> directory.</p>
<h3>Want More?</h3>
<p><a href="https://modernmapswp.com/pricing" rel="nofollow ugc">Modern Maps Pro</a> is available as a separate plugin with advanced color controls, theme-based color matching, and more.</p>
<h3>External Services</h3>
<p>This plugin relies on the following third-party external services to provide its core functionality:</p>
<h4>Modern Maps Tile Proxy</h4>
<p>Modern Maps uses a proxy service operated by the plugin author to deliver vector map tiles, fonts (glyphs), and sprite assets to the user’s browser. This service is called whenever a map is rendered on the frontend or in the block editor. The user’s browser sends standard HTTP requests (including IP address and user agent) to load map assets. No personal data is collected or stored by the proxy.</p>
<ul>
<li>Service URL: https://modern-maps-tiles.modern-maps-tiles.workers.dev</li>
<li>Provider: Modern Maps (modernmapswp.com)</li>
<li><a href="https://modernmapswp.com/terms" rel="nofollow ugc">Terms of Use</a></li>
<li><a href="https://modernmapswp.com/privacy" rel="nofollow ugc">Privacy Policy</a></li>
</ul>
<h4>MapTiler</h4>
<p>Behind the tile proxy, vector map tiles and font glyphs are sourced from MapTiler. No direct connection is made from the user’s browser to MapTiler; all requests are routed through the tile proxy above.</p>
<ul>
<li>Service URL: https://api.maptiler.com</li>
<li><a href="https://www.maptiler.com/terms-of-use/" rel="nofollow ugc">Terms of Use</a></li>
<li><a href="https://www.maptiler.com/privacy-policy/" rel="nofollow ugc">Privacy Policy</a></li>
</ul>
<h4>Komoot Photon Geocoding API</h4>
<p>Inside the WordPress block editor, the location search feature uses the Komoot Photon API to geocode addresses into coordinates. This is called when an admin searches for a location in the block editor sidebar. The search query text is sent to the API. This service is not called on the public frontend.</p>
<ul>
<li>Service URL: https://photon.komoot.io</li>
<li><a href="https://photon.komoot.io/" rel="nofollow ugc">Terms of Use</a></li>
<li>Photon is an open-source geocoding API built on OpenStreetMap data. It does not publish a separate privacy policy. The API is used only in the WordPress admin editor (not on the public frontend). Only the search query text and standard HTTP request headers are transmitted.</li>
</ul>
<h4>Protomaps Basemap Assets</h4>
<p>The “Standard” map style loads sprite images and font glyphs directly from the Protomaps basemap assets repository, hosted on GitHub Pages. These assets are fetched by the user’s browser whenever a map using the “Standard” theme is rendered. Standard HTTP request data (IP address, user agent) is sent as part of these requests.</p>
<ul>
<li>Service URL: https://protomaps.github.io/basemaps-assets/</li>
<li>Provider: Protomaps</li>
<li><a href="https://protomaps.com/" rel="nofollow ugc">Project Page</a></li>
<li><a href="https://github.com/protomaps/basemaps-assets" rel="nofollow ugc">GitHub Repository</a></li>
<li><a href="https://docs.github.com/en/site-policy/github-terms/github-terms-of-service" rel="nofollow ugc">GitHub Terms of Service</a></li>
<li><a href="https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement" rel="nofollow ugc">GitHub Privacy Statement</a></li>
</ul>


Alternatives to Modern Maps Lite

Top alternatives