close ad
 
Important WebAssist Announcement
open ad
View Menu

Web development tutorial

Getting your Google Map API Key

Tutorial created by Ray Borduin, WebAssist

Categories: Design Extender, PowerStore

rating

When adding Google maps to your website, the Google API key is required in order to access the geocoder that looks up locations. This How To shows you how to obtain a Google Map API key from Google, and use it within WebAssist products when necessary.

If using a local testing server, you will need to use an API key specific to your testing server. If the address for your testing server is localhost, you can use the following key:

ABQIAAAAvZMU4-DFRYtw1UlTj_zc6hT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQcT1h-VA8wQL5JBdsM5JWeJpukvw

NOTE: Once you are ready to go live, you will need to obtain a new API key from Google that works on your live server.

arrow downObtaining the API key

Obtaining an API key from Google is a free service that you can do for any local testing server, or web domain.

  1. Go to https://code.google.com/apis/console/ in your web browser.
  2. Sign in with your Google account or create one as needed.
  3. Click the Services link from the left-hand menu.
  4. Activate the Google Maps API v3 service.
  5. Click the API Access link from the left-hand menu.
  6. Your API key is available from the API Access page, in the Simple API Access section. Use the 'Key for browser apps'.
  7. Highlight the entire key, and press Ctrl (Cmd) C to copy.
  8. Paste the API key in the desired location.

arrow downWhat to do next...

Now that you have obtained your API key you can enter it into the appropriate product for displaying your Google map on your website.

You might also want to save this key in a file that you can retrieve later. This will save you from having to go to Google's website and getting a new one each time.


API keys are used by a few WebAssist products that contain or create Google maps, such as Pro Maps for Google and PowerStore. Refer to their respective documentation for more information on where the API key needs to be inserted.

arrow downReviews and comments

Comments will be sent to the author of this tutorial and may not be answered immediately. For general help from WebAssist, please visit technical support.

Sign in to add comments
rating

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.