Categories

Featured templates

Drupal 7.x. Google Map configuration

Norman Fisher April 27, 2014
Rating: 4.0. From 4 votes.
Please wait...

This tutorial is going to show you how to configure the Google Map on your Drupal 7.x based template.

Drupal 7.x. Google Map configuration

  1. Log into your Drupal admin panel and open the Contacts page on your site.

  2. Mouse over the right side of the map and select “Edit”.

    drupal7_google_map_configuration_1

    If there is no "Edit" option, but "Edit View/Configure Block," go to to the top menu "Content." In the "Type"
    drop-down select "Map" and click "Filter." Once the necessary item is found, click on it to edit.

    drupal7_google_map_configuration_3

  3. Scroll down to the Latitude/Longitude fields.

    drupal7_google_map_configuration_2

  4. Open https://www.google.com/maps/ in a new tab of  your web browser.

  5. Enter your location in the “Search” field on the left.

    drupal7_google_map_configuration_4

  6. Using the tools at the bottom right, select “Share and embed map.”

    drupal7_google_map_configuration_5

  7. Copy the latitude/longitude in the window that is going to pop us and paste them into in the corresponding fields on your Drupal website.

    drupal7_google_map_configuration_6

     For instance, if the whole address is:

    https://www.google.com/maps/place/Minneapolis,+MN/@44.970697,-93.2618534,11z/data=!3m1!4b1!4m2!3m1!1s0x52b333909377bbbd:0x939fc9842f7aee07

    Copy 44.970697 for Latitude and -93.2618534,11 for Longitude.

    drupal7_google_map_configuration_7

  8. Scroll up and change the rest of the fields to match your new location. When you are done, click “Save” at the bottom.

  9. After saving the changes, you should see the new Google Map location on your “Contacts” page.

    drupal7_google_map_configuration_8

Feel free to check the detailed video tutorial below:

Drupal 7.x. Google Map configuration

Drupal Web Templates
This entry was posted in Drupal Tutorials and tagged configure, drupal, google, map. Bookmark the permalink.

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

Live Chat
We help you to choose the right product.