CherryFramework 3. How to change Google Map location

This tutorial will show you how to change the Google map location in WordPress CherryFramework 3 templates.

CherryFramework 3. How to change Google Map location

You can insert shortcode on a page or inside a post in WordPress.

In order to change the Google map location, you should do the following:

1. Log into your WordPress dashboard.

2. Navigate to Pages->All Pages.

3. Select your Contacts page (usually called ‘Contacts’ or ‘Contact Us’).

4. Make sure you are editing this post/page in Text mode.

5. The Google map code (shortcode) looks like this:

   [map src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d96873.70582490717!2d-73.94499755!3d40.645244!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24416947c2109%3A0x82765c7404007886!2sBrooklyn%2C+NY%2C+USA!5e0!3m2!1sen!2s!4v1443189753041" width="100%" height="300"]

6. This is the code (map embed link) you need to modify or replace with a new one:

   http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Brooklyn,+NY,+USA&aq=0&sll=37.0625,-95.677068&sspn=47.704107,79.013672&ie=UTF8&hq=&hnear=Brooklyn,+Kings,+New+York&ll=40.649974,-73.949919&spn=0.01628,0.028238&z=14&iwloc=A&output=embed

   

7. As soon as you’ve found the Google map code, go to: Google Maps website.

8. Enter your physical address into the search field.

9. Using your mouse and the map controls choose the desired location and zoom level.

10. Click on the menu icon on the top left of the page:

    

11. Use the ‘Share and embed map’ tab from the list:

    

12. Open the ‘Embed Map’ tab. Copy the new generated code for Google map:

    

13. This is the code you need to use (value of the src attribute):

    https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d28703.031736712426!2d-80.12470235!3d25.939198599999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88d9acfee073549d%3A0xf4e74db7a5da487a!2sSunny+Isles+Beach%2C+FL%2C+USA!5e0!3m2!1sen!2s!4v1443190957677

14. Replace your map src link with the new generated one:

    

15. Save changes on the page using Update button.

Feel free to check the detailed video tutorial below:

CherryFramework 3. How to change Google Map location