Modern Maps Lite

Deskripsyon

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.

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.

Features include:
* Easily place the map block anywhere on your page or post.
* Add customized map markers using coordinates or a built-in location search.
* Control the initial viewport center and fixed zoom, or choose “Auto (Fit to Markers)” to ensure all your points are always visible.
* Beautiful preset themes (“Black,” “White,” “Standard”) built-in.

Source Code

The full unminified source code for all JavaScript and CSS is included in the src/ directory of this plugin. The compiled versions used at runtime are in the build/ directory.

Want More?

Modern Maps Pro is available as a separate plugin with advanced color controls, theme-based color matching, and more.

External Services

This plugin relies on the following third-party external services to provide its core functionality:

Modern Maps Tile Proxy

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.

  • Service URL: https://modern-maps-tiles.modern-maps-tiles.workers.dev
  • Provider: Modern Maps (modernmapswp.com)
  • Terms of Use
  • Privacy Policy

MapTiler

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.

Komoot Photon Geocoding API

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.

  • Service URL: https://photon.komoot.io
  • Terms of Use
  • 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.

Protomaps Basemap Assets

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.

Blocks

Ang plugin na ito ay nagbibigay ng 3 (na) block.

  • Modern Maps Lite Visually stunning, responsive vector maps with custom styles and markers.
  • Map Marker A single marker for the Modern Maps Lite block.
  • Marker Popup Container for the marker popup content.

Pag-install

  1. Upload the plugin files to the /wp-content/plugins/modernmaps-lite directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Navigate to any page/post in the block editor, and search for the “Modern Maps” block.

FAQ

Do I need an API key to use Modern Maps?

No. Modern Maps works out of the box with no API key required.

Mga Review

Wala pang reviews para sa plugin na ito.

Mga Contributor at Developer

Ang “Modern Maps Lite” ay open source software. Ang mga sumusunod na tao ay nag-ambag sa plugin na ito.

Mga Contributor

Isalin ang “Modern Maps Lite” sa iyong wika.

Interesado sa development?

Tingnan ang code, i-check ang SVN repository, o mag-subscribe sa development log sa pamamagitan ng RSS.

Changelog

1.0.0

  • Initial release.