{"id":11420,"date":"2011-10-24T01:54:43","date_gmt":"2011-10-24T05:54:43","guid":{"rendered":"http:\/\/info.template-help.com\/?p=11420"},"modified":"2013-04-01T11:20:16","modified_gmt":"2013-04-01T15:20:16","slug":"html-how-to-change-google-map-location","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/html-how-to-change-google-map-location.html","title":{"rendered":"HTML. How to change Google Map location"},"content":{"rendered":"

The following tutorial will show you how to change the google map location in the HTML based template. Due to the common pages structure the tutorials is also valid for such template types as Full Site, Full Package, JS Animated, Static Template. <\/p>\r\n\r\n\r\n\r\n\"\"<\/a>\r\n\r\n

Usually the google map is located at the Contacts page. Let\u2019s see how you can display your location there. First of all open your template folder and go to the site<\/strong> directory. There you can see several html files (index.html, index-1.html etc) or a single html file. In any case HTML files contain the content of your template pages. <\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

Open any index file with your browser and click on the Contacts button. In the address bar you should see the page filename. Open it with your HTML editor (Adobe Dreamweaver, Notepad etc). Scroll down or using the search tool (CTRL+F) search for the iframe <\/strong>tag. Google Map is usually embedded into the page using the following construction:<\/p>\r\n \r\n

\r\n<iframe  width="312" height="210"  src="http:\/\/maps.google.com\/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Brooklyn,+New+York,+NY,+United+States&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=61.282355,146.513672&amp;ie=UTF8&amp;hq=&amp;hnear=Brooklyn,+Kings,+New+York&amp;ll=40.649974,-73.950005&amp;spn=0.01628,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"><\/iframe><\/pre>\r\n\r\n
  So to put  your map here please perform the following steps:<\/p>\r\n
    \r\n  
  1. Visit  maps.google.com<\/li>\r\n  
  2. Select  your location and zoom<\/li>\r\n  
  3. Click  the link icon in the top right corner and copy the Paste HTML to embed<\/strong>\u2026 field<\/li>\r\n  
  4. Paste  the code into your contact page html file replacing the existing one<\/li>\r\n  
  5. Edit  the map dimensions (width="312" height="210")<\/li>\r\n  
  6. Save  the file and refresh the page in browser<\/li>\r\n<\/ol>\r\n\r\n\"\"<\/a>\r\n\r\n
    That\u2019s all,  now you should see your updated google map. <\/p>\r\n
     <\/p>\r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"
    The following tutorial will show you how to change the google map location in the HTML based template. Due to the common pages structure the tutorials is also valid for such template types as Full Site, Full Package, JS Animated, Static Template.<\/p>\n","protected":false},"author":2,"featured_media":11424,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[253],"tags":[800,2411,801],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/11420"}],"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=11420"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/11420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/11424"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=11420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=11420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=11420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}