How to add or integrate a Google Map (not sitemap) into a CMS page?
1) Go to the http://maps.google.com/
2) Search your desired Location
3) Click the Link Button Beside the My Places Button
4) Copy The Paste Html to embed in website data from the input box
5) Create a folder in the magento root directory
6) I have named it map.html
7) Paste the copied data in the map.html file
8) Save the map.html file
9) As i wanted to show the map in the about-us page (CMS Page)
10) I have opened the about-us page from magento admin panel
11) From the page information open the content tab and click the html view of the content
12) Call the map.html file as like as below
13) By writing the code
14) <IFRAME SRC="/map.html" width=620 height=400 FRAMEBORDER=0 SCROLLING=NO align="center">Call for directions.</IFRAME>
15) and save it !!!!!!
16) If you want to view the Google map in the contact us page then complete step 1 to step 8 first
17) Open file file
18) app/design/frontend/default/Themename/template/contacts/form.phtml
19) in the last of this form jost write
20) <IFRAME SRC="/map.html" width=620 height=400 FRAMEBORDER=0 SCROLLING=NO align="center">Call for directions.</IFRAME>
21) You will get your desired Google Map in the magento Contact Us Page !!!!!!!
2) Search your desired Location
3) Click the Link Button Beside the My Places Button
4) Copy The Paste Html to embed in website data from the input box
5) Create a folder in the magento root directory
6) I have named it map.html
7) Paste the copied data in the map.html file
8) Save the map.html file
9) As i wanted to show the map in the about-us page (CMS Page)
10) I have opened the about-us page from magento admin panel
11) From the page information open the content tab and click the html view of the content
12) Call the map.html file as like as below
13) By writing the code
14) <IFRAME SRC="/map.html" width=620 height=400 FRAMEBORDER=0 SCROLLING=NO align="center">Call for directions.</IFRAME>
15) and save it !!!!!!
16) If you want to view the Google map in the contact us page then complete step 1 to step 8 first
17) Open file file
18) app/design/frontend/default/Themename/template/contacts/form.phtml
19) in the last of this form jost write
20) <IFRAME SRC="/map.html" width=620 height=400 FRAMEBORDER=0 SCROLLING=NO align="center">Call for directions.</IFRAME>
21) You will get your desired Google Map in the magento Contact Us Page !!!!!!!
Comments
Post a Comment