- Category: Getting Started
Contact Enhanced has maps integration with Google Maps API (requires billing information) and with Leaflet to show a map based on the contact address. If you have a Contact Enhanced PRO subscription you can also use the Ideal Store Locator plugin, which has integration with Google Maps API only.
- Easily display latitude and longitude of address;
- Balloon (Info Window) content: By default the Contact's address and image are displayed in the balloon, but you can add any text to the balloon using a contact Extra Contact Field, including HTML .
- Customize the Marker icon;
Google Maps API Features Only:
- Google Maps directions: The Directions Search field is displayed inside the balloon (info window) and you can choose whether to display the directions before or after the map;
- Choose a language: By default Google Maps API will use the Browser's language, but you can change it so it will display the current Joomla language OR you can manually set the Maps language;
- Show/Hide Navigation Control;
- Show/Hide Map Type Control;
- Choose the default Map Type. Options: Roadmap, Satellite; Hybrid, Terrain;
- Using GMaps API version 3, which was designed with Mobile devices in mind, therefore loads faster;
- Customizable Map Style: As of version 3.3.7 of Contact Enhanced and version 3 of the Google Maps API custom styles can now be applied to maps. This allows you to pick a style that matches the theme of their website.
You can create your own style using the Google Styled Maps Wizard and copy the JSON code to this field OR use an existing map from snazzymaps.com
Google Maps API requires a Key and Billing information
An API Key to use Google Maps API is required. Follow these steps to get an API key:
- Go to the Google Developers Console.
- Create or select a project.
- Click Continue to enable the API and any related services.
- On the Credentials page, get a Browser key (and set the API Credentials).
Note: If you have an existing Browser key, you may use that key.
- To prevent quota theft, secure your API key following these best practices.
- Enable billing. See Usage Limits for more information.
Google Maps Platform
On May 2nd 2018 Google announced important changes, including a new name - Google Maps Platform, which they claim to be a simplified product structure, pay as you go pricing for all, and more. Please take a few minutes to review the announcement to familiarize yourself with the changes.
We would like to highlight a few Google Maps updates that may impact your implementation. Beginning June 11th, Google is launching a new pricing plan and providing all users access to support. They’ll continue to offer a free tier — all developers will receive $200 of free monthly usage of core products. In addition, this change will require you to enable billing and associate it with all of your Google Maps Platform projects.
How does this affect your current projects? Check on https://mapsplatformtransition.withgoogle.com. If you use Google Maps in our Extensions, you'll need to enable billing by June 11 for the Google Maps integrations to continue to work.
Example of Map using the Apple Maps Esque Custom Style from Snazzymaps.com, Contact information as the balloon (Info Window) content and Latitude and Longitude of location;
Example of Map using the Subtle Grayscale Custom Style from Snazzymaps.com. and the Directions Search box inside the balloon (Info Window);
Example of Map Directions using the default Google Maps style;
Administrator Configuration: To access go to Components → Contact Enhanced and click on the Options button on the right;
Watch Screencast for Joomla 1.5: