How to Add a Google Map to contact page ?

  0 comments
Share

Google Maps is a Google service offering powerful, user-friendly mapping technology and local business information. Designing a contact page involves the inclusion of many contents like company or individual physical address, phone number, email address and feedback form. Over the years it has become a trend to display the locality with the help of Google maps. It isn't a tedious task, just involves some copy and paste work.

We can easily add a google map to contact page with the following steps:--

  1. Open Google Maps and type your address, location.

    googlemap_search

  2. Once you get the exact spot from Google map click the Link button.
  3. In the lower right corner of the browser winder, click the gear button and select Share or embed map.

    Click On Embed Map

  4. A popup with the Google map location will appear before you.
  5. Select the map size i.e: small/medium/large/custom.
  6. Copy the HTML embed code.

    Map Setting Image

  7. Now, Go to Administration/Structure/ Blocks and create a block in your Drupal site.
  8. Put embed code which you copied in step 6.

    Add Code In Block

  9. Select the regions next to region settings and enter path for contact us or any specific pages where you wish to display the map and save the block.

    Region Setting Image

  10. Now, Navigate your contact page to view your location in Google map.

Add new comment