This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

GeoJSON Maps

Description

GeoJSON Maps facilitates displaying multiple GeoJSON feeds on a map. It has a custom legend to toggle on/off each data layer. The map can be displayed on a WordPress post or page via a short code. All you need is some GeoJSON feeds (both json and jsonp) and some styling markup. See here for a demo.

GeoJSON Maps uses Argo. Its configuration is provided here. Take note of the “rules” and “popupContent” items to be entered when setting up a layer. So, in the Schools layer from the demo, “Layer Rules” is set to:

[{
  condition: '"{{LOCLEVEL}}" === "Elementary School"',
  style: {color: 'green', radius: 3, opacity: 0.9, fillOpacity: 0.2}
},
{
  condition: '"{{LOCLEVEL}}" === "Middle Secondary"',
  style: {color: 'orange', radius: 3, opacity: 0.9, fillOpacity: 0.2}
},
{
  condition: '"{{LOCLEVEL}}" === "High School"',
  style: {color: 'red', radius: 3, opacity: 0.9, fillOpacity: 0.2}
}]

And “Popup Text” is set to:

{{LOCNAME}}

Screenshots

  • Map with two data layers turned on.
  • Hovering over the legend.
  • The admin display of the various map layers.
  • The details of a layer.

Installation

  1. Upload GeoJSON Maps to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Adjust global map settings by going to Settings | GeoJSON Maps
  4. Add layers to the map using the Map Layers custom post type in the admin interface; for Style Rules, see: https://github.com/openplans/argo/wiki/Configuration-Guide
  5. Place shortcode [geojson-map] on page or post where you want the map to display

Contributors & Developers

“GeoJSON Maps” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

0.1 (8/29/2012)

  • initial release