User Tools

Site Tools


addons:google_maps:install:start

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
addons:google_maps:install:start [2015/06/05 18:05]
geojames
addons:google_maps:install:start [2018/12/05 17:33] (current)
geojames
Line 1: Line 1:
 ====== First Time Configuration ====== ====== First Time Configuration ======
  
-These are the instructions to follow in order to start using Google Maps on your site. +These are the instructions to follow in order to start using Google Maps on your site.  We've had to change these instructions several times as Google updates their admin tools from time to time and also seem to be moving all their services into their cloud platform.  So let us know if these change.
- +
-  - If you do not yet have a Google Maps API Key visit the Google APIs Console at https://console.developers.google.com and log in with your Google Account (or create a Google Account if you do not already have one).  The instructions for the **Newest Google Developers Console View** (as of June 2015....this seems to change irregularly so let us know if it has) is included here.   +
-    - After logging into your Google Developers Console you should see something like the page below.  Within that page you should click the "APIs" link in the left menu:  {{ :addons:google_maps:install:api_config_1.png?500 }}  +
-    - The next page you see should look like that below.  Click the "Google Maps Embed API" link you see there. {{ :addons:google_maps:install:api_config_2.png?500 }}  +
-    - That should take you to a page that looks like that below where you would click the "Enable an API" button you see in that Google "Project Dashboard" page {{ :addons:google_maps:install:api_config_3.png?500 }}  +
-    - Once "on" you would go to the "Credentials" link in the "APIs & auth" section of the left hand menu.  Many times you are asked the type of key to choose.  Choose "browser key" if you do see this option.  Use the API KEY shown there: {{ :addons:google_maps:install:google_maps_config3.png?500 }}+
  
 +  - Create a cloud account on the Google Cloud Platform.  You can probably use the same account attached to your other "Google offerings" You may have one setup already.  The url we see within our account is https://console.cloud.google.com.
 +  - Once within your Google Cloud Platform account we suggest creating a project for your site if not just for Google Maps for your site.  Click the highlighted project chooser within the following: {{ :addons:google_maps:install:google_maps_1.png?600 }}
 +  - Within the next popup screen choose the "new project":  {{ :addons:google_maps:install:google_maps_2.png?600 }}
 +  - Within the next screen name your project, add it to a organization if you have or want one and click the create button:  {{ :addons:google_maps:install:google_maps_3.png?600 }}
 +  - Once that project is added click the "project select" you chose in the first step, choose the new project name you just created and click the "open" button at bottom.
 +  - Within the next screen search for "maps" within the search box provided
 +  - Within the search results click the "Maps Javascript API" as shown here:  {{ :addons:google_maps:install:google_maps_4.png?600 }}
 +  - Click the "Enable" button within the next screen.
 +  - Now you are in the project home of the project you just created with Maps Javascript API details showing as below...click the APIs link in the left window:  {{ :addons:google_maps:install:google_maps_5.png?600 }}
 +  - Now you should see a full list of APIs currently enabled on your new project.  You will need to enable the "Geocoding API" also for this same project as you see in this screenshot.  When done you should see the "Maps Javascript API" and the "Geocoding API" enabled for this project.
 +  - Within the Google Cloud Platform choose the "APIs & Services" link within the left menu.
 +  - Next click the "credentials" link within the left window.
 +  - You should see a "create credentials" link in the middle of the page if you have not created API credentials for this project yet.
 +  - You should see a popup with the newly created API key.  Click close and you will see all API credentials in your current project.  That API key is what you will use within your Geo Google Maps addon admin tool.  You can additionally click on the API key in the list to put restrictions on it's use....like only for your website's url or others.  If you put restrictions just make it so it can work on the site your Geo installation is on.
   - Install and enable the Google Maps addon if you have not already, following [[addons/install/start]]. <   - Install and enable the Google Maps addon if you have not already, following [[addons/install/start]]. <
   - In your admin panel, go to [[admin_menu/addons/google_maps/settings/start|Addons > Google Maps > Settings]], and enter your Google Maps API key. Save the settings. <   - In your admin panel, go to [[admin_menu/addons/google_maps/settings/start|Addons > Google Maps > Settings]], and enter your Google Maps API key. Save the settings. <
addons/google_maps/install/start.1433527527.txt.gz · Last modified: 2015/06/05 18:05 by geojames