From MediaWiki.org
Jump to: navigation, search

Other languages:
Deutsch • ‎English • ‎français • ‎日本語 • ‎Nederlands • ‎polski • ‎русский • ‎中文
Starting with the 4.0 release this extension incorporates all the functionality from the now obsolete Semantic Maps extension.
MediaWiki extensions manualManual:Extensions
Crystal Clear action run.png

Release status:Extension status stable

ImplementationTemplate:Extension#type Parser function, Tag
DescriptionTemplate:Extension#description Allows users to display maps and coordinate data using multiple mapping services.
Author(s)Template:Extension#username Jeroen De Dauw and others
Latest versionTemplate:Extension#version See RELEASE NOTES
MediaWikiTemplate:Extension#mediawiki 1.23+
PHPTemplate:Extension#php 5.5+
Database changesTemplate:Extension#needs-updatephp No
ComposerComposer mediawiki/maps
LicenseTemplate:Extension#license GNU General Public License 2.0 or later
ExampleTemplate:Extension#example Maps examples
Hooks usedTemplate:Extension#hook

Translate the Maps extension if it is available at translatewiki.net

Check usage and version matrix.

The extension Maps enables your MediaWiki pages to visualize geographic data with dynamic, JavaScript-based mapping APIs such as Google Maps, OpenStreetMap, and OpenLayers in your wiki pages.

It has built-in support for geocoding, displaying maps, displaying markers and geospatial shapes, adding pop-ups, and more and allows extensive customization per map, or for all maps on your wiki. For more information, including installation instructions, see the documentation on GitHub.

Download and installation[edit]

See the installation instructions.


See Maps demos and check out the links provided in the external links section of this page.

Gallery of examples[edit]

Some screenshots of inline maps created using the display_map parser hook:

External links[edit]

Responsive Skins[edit]

The following needs to be added to "Mediawiki:Common.css" to make the maps show correctly in a responsive skin, e.g. the ForegroundSkin:Foreground skin:

/* fix google maps little man in responsive skin */
.gm-style img {
    max-width: none;

The reason is that maps are being written directly as a div container and unfortunately the skin's CSS is the entire site for the img attribute.

See also[edit]