Jump to Content

Objective HTML

Google Maps for ExpressionEngine

The complete geolocation and mapping toolkit

Markers and Maps


Google Maps for ExpressionEngine is the most powerful geolocation and mapping toolkit available. It's an ExpressionEngine module that contains a collection of tools that easily enables users to harness the power of the Google Maps API. In a nutshell, users can easily plot coordinates, routes, and regions on a map (or multiple maps) using the Fieldtype. Developers can easily create maps within templates using a familiar and memorable syntax – AND without writing any JavaScript or PHP. No hacking. No workarounds. No mess or hassle.

What you get is scalable and maintainable code that your clients and users will appreciate using. Google Maps for ExpressionEngine can simplify your publishing templates and take the burden off your clients. The amount of time and money you would have to spend to duplicate these features would far outweigh the cost of a single license.


We plan on adding an overlay to undeveloped parts of the property and/or drawing some polygons. What a timesaver you add-on is. We went from a few weeks to a few days.
By the way, this version is nothing short of amazing! It's really awesome!
Google Maps for EE is the most simple and efficient mapping solution for both our clients and developers. It's really shined throughout this entire project.


Since this project relies heavily on JSON, asynchronous, and syncronous connections is important that it is used on a server with PHP 5.2 or later. You must also have the cURL library installed for the use of any method dependent on these libraries. This project has been thoroughly tested across many server environments in many different countries. That said, if you have any issues, feel free to contact us with your specific issues.


Uploading the files
Copy the gmap module directory to your /system/expressionengine/third_party/ directory.
Copy the gmap themes directory to your /themes/third_party/ directory.
Installing the add-on
Go to the Modules page and click install
Choose Install on both the Fieldtype and Module

Once Google Maps for ExpressionEngine has been installed, you can start creating maps right within the template, or setup a custom field to plot locations. It’s recommended for most projects that you setup a custom field before continuing.

Responsive Maps

If you are building a responsive site with Foundation or Bootstrap (or something equivelant), it's very likely you will need to set the images inside your map to have max-width: none. Google Maps uses image sprites for the graphical elements within the map. If these images are set to a 100% width, these elements will appear broken. The follow rule assumes you add a class of "gmap" to your exp:gmap:init tag.

.gmap img { max-width: inherit; }