WordPress.org

Ready to get started?Download WordPress

Plugin Directory

GeoJSON Maps

Allows people to display GeoJSON feeds on a map.

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}}
Tags: , ,

Requires: 2.8 or higher
Compatible up to: 3.4.2
Last Updated: 2012-8-29
Downloads: 507

Ratings

4 stars
4.5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,1,1