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.
View Demo | View Map Styles | Give Your Suggestions | Buy Now
Features
- Fully responsive Maps
- Mobile device supports
- Marker cluster support
- Save unlimited maps
- Editor(tinymce) button ready
- Widget ready
- 114 different styles and counting
- 50 different colorful predefined marker pins available
- Unlimited custom marker pins
- Different icon for each marker
- Set center of maps
- Multi-language google map support
- Location list supports
- Open marker on external link
- Find nearest places api
- Address field autocomplete
- Customize control position
- Easy integration
- Works with addresses and latitude / longitude
- Shortcode generator
- Map preview in admin side
- Multiple maps per page
- Multiple markers per map
- no API key required
- Works in posts, pages, custom post types, widgets or any template files
- Marker info window support
- HTML content support in infowindow
- Shortcode support in infowindow content
- Display image or content in infowindow
- Show / Hide any map control
- Direction link in infowindow
Configuration
Below is basic structure of shortcode.
[SBMAP ID="{YOUR MAP ID}"]
Replace {YOUR MAP ID} with Map ID to display map.
You can use shortcode in php file using do_shortcode() function.
<?php echo do_shortcode('[SBMAP ID="{YOUR MAP ID}"]'); ?>
* Make sure single and double quotes are proper escaped…
Map Parameters
| Parameter | Description | Default | Possible Values |
|---|---|---|---|
| width | Map width. In pixels or percents. | 100% | any value in px or % |
| height | Map height. In pixels or percents. | 400px | any value in px or % |
| pancontrol | Displays buttons for panning the map. | yes | yes | no |
| pancontrol_position | Pan control buttons position. | TOP_LEFT | Click Here to see supported positions. |
| scalecontrol | Displays a map scale element | yes | yes | no |
| streetviewcontrol | Displays a Pegman icon to enable street view | yes | yes | no |
| streetviewcontrol_position | Pegman icon (street view control) position. | TOP_LEFT | Click Here to see supported positions. |
| overviewmapcontrol | Show / Hide overview map control. | yes | yes | no |
| overviewmapcontrolvisible | Set map overview is visible or not. | no | yes | no |
| maptypecontrol | Displays a maptype control | no | yes | no |
| maptypecontrol_position | Map type control position | TOP_RIGHT | Click Here to see supported positions. |
| maptype | Type of map. | ROADMAP | ROADMAP | SATELLITE | HYBRID | TERRAIN |
| maptypecontrolstyle | May type control style. | DEFAULT | DEFAULT | HORIZONTAL_BAR | DROPDOWN_MENU |
| mapstyle | The style of map (map color, labels hide/show etc). | style-1 | style-1, style-2 …, style-114 |
| zoom | Map zoom level (automatic resize for multiple markers). | 14 | 1,2 …, 21 |
| zoomcontrol | Displays a slider (for large maps) or small “+/-” buttons | yes | yes | no |
| zoomcontrol_position | Zoom control position | TOP_LEFT | Click Here to see supported positions. |
| zoomcontrolstyle | Zoom control style | DEFAULT | DEFAULT | SMALL | LARGE |
| draggable | If the map should be draggable by mouse or touch device. | yes | yes | no |
| scrollwheel | If mouse scrollwheel enable to zoom in/out map. | yes | yes | no |
| centerofmap | Set center of map. | Blank | Address or (latitude, longitude) |
| weather | If yes, add weather in map. | no | yes | no |
| traffic | If yes, add traffic in map. | no | yes | no |
| transit | If yes, add transit in map. | no | yes | no |
| bicycle | If yes, add bicycle in map. | no | yes | no |
| panoramio | If yes, add panoramio in map. | no | yes | no |
| searchtype | Nearest search query. Select Disabled to turn off this feature. | disabled | Click Here to see supported search query |
| searchradius | Search area radius in meters. Radius calculates from center of map. | 500 | any integer between 1 to 50000 |
| searchiconanimation | Seach result icon animation. | NONE | NONE | DROP | BOUNCE |
| Text for Directions Link (for nearest API) | Direction link text for search result marker. Leave blank to hide link. | view directions | any string |
| reloadonresize | If yes, map is reload on screen resize. | no | yes | no |
| language | Map Language. | en | Click Here to see available languages. Please refer v3 version and use language code in shortcode. |
| clustering | Enable this if you have 100ths of markers. It will improve speed for too many markers. | no | yes | no |
Marker Parameters
| Parameter | Description | Default | Possible Values |
|---|---|---|---|
| address | Marker Address. | Field is required. | Any address or latitude, longitude (latitude and longitude must be comma separated Ex: -31.7521177,115.7560066) |
| Text for Directions Link | Marker Address. | Blank | Any string. If blank link will not display in marker infowindow. |
| icon | Marker icon image. | blue-1 | blue-1 to blue-10 green-1 to green-10 magenta-1 to magenta-10 red-1 to red-10 yellow-1 to yellow-10 Or you can set any custom image url. Ex: http://xyz.com/img/icon.png |
| animation | Marker animation. | NONE | NONE | DROP | BOUNCE |
| infowindow | If yes, marker’s infowindow is by default open. | no | yes | no |
| content | This is content of marker. You can also use text / html here. | no | yes | no |
Credits
Map Styles by SnazzyMaps: http://snazzymaps.com
Map location pins by MediaLoot: http://medialoot.com/item/free-vector-map-location-pins
Google Map API. You agree to their Terms of Services