If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

Drupal 7.x. Google Map configuration

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 7.x. Google Map configuration, 5.0 out of 5 based on 2 ratings