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

CherryFramework 3. How to change Google map location (API based)

This tutorial will show you how to change Google map location (API based) in CherryFramework 3.x WordPress templates.

CherryFramework 3. How to change Google map location (API based)

  1. The Google map on the Home page. This map is usually located in the bottom of the home page (front page). To change its location, follow the steps listed below:

    1. Go to Pages/Home to check if there is a shortcode for the map. In case you don’t see any map shortcode, you can check some other pages from the list. Usually, the page name is Footer Map.

    2. Open Footer Map page from Pages to edit, you will see the shortcode for the API map:

      [google_map_api lat_value="25.9497946" lng_value="-80.1215123" zoom_value="14" custom_class="google-map-api__style-1"]

      CherryFramework3-How_to_change_Google_map_location_API_based-1

      You just need to change the latitude and longitude value from the above shortcode to change the google map location.

    3. Open https://www.google.com/maps and find your location. On the address bar, you will see the coordinates to copy:

      CherryFramework3-How_to_change_Google_map_location_API_based-2

    4. Paste the latitude and longitude to the shortcode. Update the page. Then refresh the home page to check the map:

      CherryFramework3-How_to_change_Google_map_location_API_based-3

      CherryFramework3-How_to_change_Google_map_location_API_based-4

  2. For the API based google map for other pages, the coordinates can be replaced directly in shortcode. For example, the map on Contact page:

    1. Open WordPress admin panel, go to the page which has the map. In this case, it’s Contact page.

    2. You will see the shortcode for the map with coordinates:

      [google_map_api lat_value="40.649974" lng_value="-73.949919" zoom_value="14" zoom_wheel="no"]
      	

      CherryFramework3-How_to_change_Google_map_location_API_based-5

    3. You should change latitude and longitude. Click on Update to save the page:

      CherryFramework3-How_to_change_Google_map_location_API_based-6

      Refresh the page to check the result:

      CherryFramework3-How_to_change_Google_map_location_API_based-7

Feel free to check the detailed video tutorial below:

CherryFramework 3. How to change Google map location (API based)