Google Map Builder by WPGMappity

WPGMappity Google Map Builder allows you to design a Google Map and export code to embed a map into your own website.

WPGMappity uses version 3 of the Google Maps API so you will not need an API key installed on your site. Just point and click to design, and WPGMappity will take care of the geekery of generating the JavaScript and HTML necessary to display the map on your web site.

Use WPGMappity to configure your map. Add markers, controls, and routes.
The map preview will update with each choice you make in WPGMappity.
Export the code to build your map.

The WPGMappity Map Builder

Build and configure map here.

The Preview Map

This map will be updated as you make changes.

Need help with the map builder? WP GMappity usage help

Size	Small (300x170) Medium (450x300) Large (700x400) Custom Length: Min = 150, Max = 1000 Height: Min = 300, Max = 1000
Center Point	Type an address for your map's center point. Multiple possibilities were found for that location. Select an address from the list to set your center there, or click "Not Here" at the bottom to search again.
Zoom Level	Zoom Setting: 3 Adjust the zoom level of the map by dragging the slider.
Markers	Add a Marker Enter a point that you would like marked. You may specify the point with an address OR with a (latitude, longitude) pair. Marker Point Mark by Address Mark by Latitude, Longitude Point to Mark: Marker Image Default Image Custom Image URL to Custom Image: Need help with custom icon images? Visit the WPGMappity icon help. Multiple possibilities were found for that location. Select an address from the list to mark that location, or click "Not Here" at the bottom to try your search again with different parameters. Display the following text when the marker is clicked (contents can be HTML as Google Maps will allow):
Route	Add a route to your map. Enter at least two addresses below to trace the route. Need help with routes? Visit the WPGMappity routes help. 1 2 Add another destination
Map Controls	Zoom Control Size: Position: Map Type Control Style: Position: Scale Position: Streetview Toggle Position:
Map Type	Normal Satellite Hybrid Terrain
Alignment	None Left Center Right
Support	Promote WPGmappity Checking this box will place a small link to the WPGMappity project page under your map. The link will open in a new window. (preview above)

Export Your Code

When you are happy with your map above click "Export Map".

Copy and paste the code from the box into your web page to display the Google Map you have built.

Comments?

Questions?

The display is a little buggy in IE7, but the generated code works fine.

WP Plugin Fu

Wordpress Plugin Development

Google Map Builder by WPGMappity

The WPGMappity Map Builder

The Preview Map

Add a Marker

Export Your Code