PxPlus User Forum

Main Board => Knowledge Base / Training => Tips and Techniques => Topic started by: Jane Raymond on November 02, 2018, 03:14:41 PM

Title: Adding a Google Maps API Key to your PxPlus Google Maps Interface
Post by: Jane Raymond on November 02, 2018, 03:14:41 PM
As of July 2018, if you are not a client of the Google Maps APIs Premium Plan, Google requires you to have a Google Maps API Key to do development using the Google Maps APIs. Without an API Key, the maps and their features are still functional, but the map display is darkened and displays a "For development purposes only" watermark. Also, a "This page can't load Google Maps correctly" message box is displayed. To display the maps cleanly, you must obtain an API Key from Google, and apply that key when using the PxPlus Google Maps interface.


For information about obtaining a Google Maps API Key, go here:
https://developers.google.com/maps/documentation/javascript/get-api-key (https://developers.google.com/maps/documentation/javascript/get-api-key)
(Be sure to activate it for Maps and Routes.)


Once you have a key, you must apply it to the PxPlus Google Map interface. As of PxPlus 2018 Update 1, the PxPlus Google.Maps object has an APIkey$ property which you can set to do this. This can be set in one of two ways:
Your maps should display cleanly once the API Key is in place.