This is a wordpress plugin to generate stunning google maps with 114 styles and counting. Just download zip and install plugin.
After installation go to WP Admin -> SB Google Map in left navigation.
Add New Map and use shortcode to display map. You can also use shortcode in php template files using wordpress do_shortcode() function.

You can also add map in post / page from editor button and to add map in widget go to widget screen and find SB Google Map widget and drag into sidebar.
Click here for documentation: http://www.sbthemes.com/plugins/responsive-google-map-plugin/

Demo Index

Admin Interface | Multiple Markers | Marker Address | Marker Settings | Width, Height & Center of Map | Marker Clustering | Map Controls | Map Styles | Zoom Controls | Weather Layer | Traffic Layer | Transit Layer | Bicycle Layer | Panoramio Layer | Localization & Reload on Resize
 

Admin Interface
Map StylesMarker Pinsadmin-interfaceadmin-interfaceadmin-interfaceadmin-interfaceadmin-interface
 

Multiple Markers


Central Business District, Melbourne - Australia
view directions
Surat, Gujarat, India
view directions
London, United Kingdom
Path to London
New York, NY, United States
Beijing, China
Johannesburg, Gauteng, South Africa
directions
Toronto, ON, Canada
Wellington, New Zealand

Marker Settings

directiontext: Add any text to generate direction link. Leave blank to disable link.
icon: 50 colorful icons available or you can use custom icons. See below example for custom icon.
animation: You can set marker animation. See below example.
infowindow: If yes marker infowindow will be open by default.

Central Business District, Melbourne - Australia
view directions

Width, Height & Center of Map

Control map viewport with width, height & Center of Map parameter. Set width & height in px or %. In below example width is 100% and height is 200px.
Also Center of Map is different than Marker position. For below map Center of Map is: Lake Joondalup Park

Central Business District, Melbourne - Australia
view directions

Marker Clustering

Below example features Marker Clustering.
This function will help when you have hundreds or thousands of markers. It is improving load speed.

New York, NY, United States
view directions
London, United Kingdom
view directions
Surat, Gujarat, India
view directions
Ahmedabad, Gujarat, India
view directions
Bharuch, Gujarat, India
view directions
Valsad, Gujarat, India
view directions
Mumbai, Maharashtra, India
view directions
Jodhpur, Rajasthan, India
view directions
New Delhi, Delhi, India
view directions
Pune, Maharashtra, India
view directions

Map Controls

See below example.
Pancontrol Position is changed. You can change any control’s position.
Street View Contol is hidden. You can make any control visible or hidden.
Map Type Control Style is Dropdown Menu.

Central Business District, Melbourne - Australia
view directions

Map Styles

114 different styles available and counting. You can see all maps in different stunning colors.

Zoom Controls

Example with zoom level 8.
Zoom control style is small. You can also hide / show zoom control.
You can enable / disabled mouse scroll zoom and draggable map.

Central Business District, Melbourne - Australia
view directions

Weather Layer


Map With Weather Layer
view directions

Traffic Layer


Map With Traffic Layer
view directions

Transit Layer


Map With Transit Layer
view directions

Bicycle Layer


Map With Bicycle Layer
view directions

Panoramio Layer


Map With Panoramio Layer
view directions

Localization & Reload on Resize Screen

Localization: You can generate map in your local language. See Demo Here
Reload On Resize: If yes, map will reload on screen resize and maintain all markers in center of the screen.