{"id":19007,"date":"2012-05-30T05:21:23","date_gmt":"2012-05-30T09:21:23","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=19007"},"modified":"2015-09-18T06:52:02","modified_gmt":"2015-09-18T10:52:02","slug":"how-to-change-google-map-location-in-html-based-template-using-google-maps-api-v3","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-change-google-map-location-in-html-based-template-using-google-maps-api-v3.html","title":{"rendered":"How to change Google map location in HTML-based template using Google Maps API v3"},"content":{"rendered":"

This tutorial shows how to change Google map location using Google Maps API v3<\/strong><\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

1.<\/strong> Open file that holds google map location. It can be .html or .js file. In our case it is index-6.html<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

2.<\/strong> We should generate Google Maps API v3 key and replace original key.<\/p>\r\n\r\n

2.1. <\/strong>Please go to https:\/\/code.google.com\/apis\/console<\/a> and Sign in using google account. Use Sign up button in case you do not have google account, accept Google policy.<\/p>\r\n

2.2 . <\/strong>Create project<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

2.3.<\/strong> 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 <\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

2.4.<\/strong> Go to API Access and copy your API key<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

3.<\/strong> Replace original API key with your one. <\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

4.<\/strong> Now we need to set Latitude and Longitude <\/p>\r\n

4.1.<\/strong> Go to http:\/\/maps.google.com\/<\/a> <\/p>\r\n\r\n

4.2.<\/strong> Find your location and lick Link button, copy html code to new .html or .txt file.<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

Html code looks like on screenshot below:<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

4.3. Set Latitude and Longitude in your file:<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

5. Save changes and refresh your page<\/p>\r\n\"\"<\/a>\r\n\r\n

Feel free to check the detailed video tutorial below:<\/p>\r\n\r\nHow to change Google map location in HTML-based template using Google Maps API v3<\/a>","protected":false},"excerpt":{"rendered":"

This tutorial shows how to change Google map location using Google Maps API v3.<\/p>\n","protected":false},"author":39,"featured_media":19022,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016,718,432,253],"tags":[1269,929,2411,1268,1113],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/19007"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=19007"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/19007\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/19022"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=19007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=19007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=19007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}