Categories

How to change Google map location in HTML-based template using Google Maps API v3

Ryan DeWitt May 30, 2012
Rating: 4.0. From 2 votes.
Please wait...

This tutorial shows how to change Google map location using Google Maps API v3

1. Open file that holds google map location. It can be .html or .js file. In our case it is index-6.html

2. We should generate Google Maps API v3 key and replace original key.

2.1. Please go to https://code.google.com/apis/console and Sign in using google account. Use Sign up button in case you do not have google account, accept Google policy.

2.2 . Create project

2.3. Go to Services and turn on Google Maps API v3 and Google Maps API v 2 (turn it on due to compatibility reasons). Please note that Maps API v 2 can be unavailable. In this case enable just API v3

2.4. Go to API Access and copy your API key

3. Replace original API key with your one.

4. Now we need to set Latitude and Longitude

4.1. Go to http://maps.google.com/

4.2. Find your location and lick Link button, copy html code to new .html or .txt file.

Html code looks like on screenshot below:

4.3. Set Latitude and Longitude in your file:

5. Save changes and refresh your page

Feel free to check the detailed video tutorial below:

How to change Google map location in HTML-based template using Google Maps API v3

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket