Google Interactive Maps

Responsive WordPress Plugin

July 22, 2014

Map of US with State names

Interactive Map of US with State names for WordPress, created with Google Interactive Maps WordPress plugin with Zoom.

Interactive Map of United States of America with State names for WordPress based on Google Geochart. This Google map of United States uses plugin’s option of “Background image”, which allows to set any background image for the map. Related map is Brazil map for WordPress, World Map for WordPress with transparent background.

 Map of US with State names Settings

Map of US with State names Settings 3

 

Map of US with State names Settings 2

Here we use as a background image a US map image available here.

 

Current map’s ID is 69 (g i m a p  i d = ‘ 69 ‘ ), so we have to add the following CSS rules to theme’s CSS stylesheet (better!) (wp-content/themes/<your_current_theme>/style.css file )    or in current post in Text mode (in this case we will have to wrap with <style>….</style> ):

#gm69_visb path {
fill: transparent !important;
stroke: transparent !important;

cursor:pointer;
}
#gm69_visb path:hover {
fill: #CC0000 !important;
opacity: 0.8 !important;
}

 

 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).

 

Comments are closed.