Google Interactive Maps

Responsive WordPress Plugin

May 22, 2014

Interactive map of America

Interactive Map of America for WordPress with Zoom, created with Google Interactive Maps WordPress plugin.

Interactive Map of America for WordPress with Google Geochart. Map displays most of the countries of America (excluding some of North America). This Google map of America uses new “fixate” function of the plugin, which allows to zoom map to any position and fixate it. This function practically allows users to display zoomed map of any country’s region, or zoomed map of several neighbouring countries.

Google Interactive Maps Fixate function

Interactive Map of America Settings

The map uses also some advanced technique (CSS styling), used in US Interactive Map. First CSS rule sets the stroke color (border for each country) to light one, and onhover fill current active region with another color. Current map’s ID is 55

#gm55_vis path {
stroke: #F9F6EF;
stroke-width: 1;
}
#gm55_vis path:hover:not([fill=”#ffffff”]):not([fill=”none”]):not([fill^=”url”]) {
fill: darkgreen;
cursor:pointer;
}

This demo map is created with Google Interactive Maps WordPress plugin, which let’s you create unlimited responsive interactive maps (Interactive World Maps, Europe Interactive Maps, Interactive US Maps, Africa Interactive Maps, Germany Interactive Maps, Interactive Maps of Canada and map of any other continent, country and US state).

Each map can be used multiple times in different posts and pages. Active data is shown in two ways: as fully colored Region, or Marker with colored bubble. Each active region can have: Tooltip on hover and an Action on click. Both tooltip and action values can have HTML text and images.

Plugin is based on Google GeoChart API, all necessary country and province data is included. Plugin enables to Zoom maps with mouse scroll and drag them. It creates SVG maps (No Flash).