CodeCanyon
CodeCanyon
Code
Code
Code
Code
Code
Code

Responsive Styled Google Maps - WordPress Plugin

Responsive Styled Google Maps - WordPress Plugin

Google Maps WordPress Plugin to create easy, simple, responsive and styled maps! Please check the live demo to see map examples and map styles. The plugin allows multiple markers on each map and multiple maps in each page. A shortcode builder is included, together with 50 map colorful map styles. The shortcode is very easy to generate and the map is very easy to use. Now with the possibility to edit a previously created shortcode!

Usage

In a post, page or widget, write this shortcode to generate a map:
[res_map address="your street, your city, your country" key="apikey"]
or use the latitude/longitude coordinates:
[res_map address="-37.798391,145.01652" key="apikey"]

Features

  • Shows address OR latitude/longitude
  • 100% responsive
  • Mobile-friendly
  • Retina support
  • Works in sidebars, posts, pages and custom post types
  • Works with Visual Composer
  • Multiple markers
  • Multiple maps in a page/post
  • Real time map preview
  • HTML popups
  • Search box
  • Clustering option
  • Show/Hide the points of interest
  • Custom link in the popups
  • 50 included colorful styles or a hue color
  • 10 included icons
  • Custom icons
  • Location button
  • Controls on/off
  • Directions link
  • Street views
  • W3C valid, does not break your W3C validation
  • Minified resources (JS, CSS) for faster loading
  • Translation ready.
  • Detailed documentation.

Plugin admin (click the image to view larger)

panel

How to use with Visual Composer

A video showing how it works with Visual Composer

Themes using this plugin:

A great, beautiful theme using this map plugin: Eternity
A clean and fresh theme designed for kids related websites: Kids Zone
A modern and useful theme designed for tourism websites: Trendy Travel
A beautifully handcrafted responsive wedding WordPress theme: Lily
A theme muscled for modern trend, gyms, sport club or fitness centers: Fitness Zone
A theme for lawyers, attorneys: Attorney & Law | Lawyers WordPress Theme

Map Styles

styles

Credits

Version history

23.05.2017 - version 4.1
- Fixed the CSS compatibility with CalendarizeIt plugin (which was breaking the google maps)
- Added the fullscreen button for desktops (for mobiles, Google adds it by default. Note: iOS doesn't support the fullscreen feature. The fullscreen control is therefore not visible on iOS devices. https://developers.google.com/maps/documentation/javascript/releases)
- Updated the marker clustering library to the latest version (https://github.com/googlemaps/js-marker-clusterer)
- Removed in CSS the fix for large rows of text in marker popup, now its already done by Google (white-space: pre-wrap !important;)
- Modified the responsiveness of the map to be done only at the end of the resize event (to prevent many requests to Google Maps server)
- Added if (jQuery('#mapcolor').length)  to the admin screen, to avoid the conflict with the CodeCanyon Frontend Builder plugin.
- Now the map scripts are enqueued right before the end of the body tag, to prevent conflicts with other plugins that were overriding the API
- Fixed the showing of incorrect center for slow internet connections.
- Added the button "LOAD A SHORTCODE" to be able to edit previously created shortcodes
- Added the tabfix parameter.
14.07.2016 - version 4.0
- Added the iconsize parameter to support retina screens
27.06.2016 - version 3.4
- Added the possibility to enter a Google Maps API key (the API key is required by Google after 22 June 2016 for maps created on websites AFTER this date; the maps created BEFORE this date do not need an API key, see more details here: https://googlegeodevelopers.blogspot.com/2016/06/building-for-scale-updates-to-google.html )
22.05.2016 - version 3.3
- Moved the clustering icons inside the plugin (they were removed from public CDN)
- Fixed the max-width and max-height issue for compatibility with some free themes 
(some free themes limit the max-width and max-height of all images to 70%-80%, breaking the maps imagery)
19.02.2016 - version 3.2
- Updated to the latest version the included marker clusterer library
- Fixed the incompatibility with WP External Links plugin (by fixing how description in popup is generated)
- Added locate me feature / button
- Fixed the admin form looking on latest Google Chrome
- Removed in the getstylestring function the code that was doubled
- Removed adsense feature because it has been deprecated by Google 
(see https://developers.google.com/maps/documentation/javascript/advertising )
- Map scripts are now loaded in footer for faster loading
- Added two CSS settings to avoid conflicts with themes which set images width
...................................................................................................................
......other versions are documented inside the downloaded package
31.01.2013 - version 1.0
- The initial version
by
by
by
by
by
by