{"id":56218,"date":"2015-10-22T04:20:05","date_gmt":"2015-10-22T08:20:05","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=56218"},"modified":"2017-07-27T06:46:47","modified_gmt":"2017-07-27T10:46:47","slug":"cherryframework-3-how-to-change-google-map-location-api-based","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-3-how-to-change-google-map-location-api-based.html","title":{"rendered":"CherryFramework 3. How to change Google map location (API based)"},"content":{"rendered":"

\r\n

This tutorial will show you how to change Google map <\/strong>location (API based<\/strong>) in CherryFramework 3.x WordPress<\/strong> templates.<\/p>\r\n

CherryFramework 3. How to change Google map location (API based)<\/a><\/p>\r\n

\r\n\r\n\r\n<\/a>\r\n<\/div>\r\n
    \r\n
  1. \r\n

    The Google map on the Home page<\/strong>. This map is usually located in the bottom of the home page (front page). To change its location, follow the steps listed below:<\/p>\r\n

      \r\n
    1. \r\n

      Go to Pages\/Home<\/strong> 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<\/strong>.<\/p>\r\n<\/li>\r\n

    2. \r\n

      Open Footer Map<\/strong> page from Pages<\/strong> to edit, you will see the shortcode for the API map<\/strong>: <\/p>\r\n

      [google_map_api lat_value=\"25.9497946\" lng_value=\"-80.1215123\" zoom_value=\"14\" custom_class=\"google-map-api__style-1\"]<\/pre>\r\n
      \"CherryFramework3-How_to_change_Google_map_location_API_based-1\"<\/a><\/p>\r\n
      You just need to change the latitude<\/strong> and longitude<\/strong> value from the above shortcode to change the google map location. <\/p>\r\n<\/li>\r\n
    3. \r\n
      Open https:\/\/www.google.com\/maps<\/a> and find your location. On the address bar, you will see the coordinates<\/strong> to copy:<\/p>\r\n
      \"CherryFramework3-How_to_change_Google_map_location_API_based-2\"<\/a>\r\n   <\/li>\r\n
    4. \r\n
      Paste the latitude<\/strong> and longitude<\/strong> to the shortcode. Update<\/strong> the page. Then refresh the home page to check the map:<\/p>\r\n
      \"CherryFramework3-How_to_change_Google_map_location_API_based-3\"<\/a><\/p>\r\n
      \"CherryFramework3-How_to_change_Google_map_location_API_based-4\"<\/a>\r\n   <\/li>\r\n<\/ol>\r\n<\/li>\r\n
    5. \r\n
      For the API<\/strong> based google map for other pages, the coordinates<\/strong> can be replaced directly in shortcode. For example, the map on Contact<\/strong> page:<\/p>\r\n
        \r\n
      1. \r\n
        Open WordPress admin panel<\/strong>, go to the page which has the map. In this case, it’s Contact<\/strong> page.<\/p>\r\n<\/li>\r\n
      2. \r\n
        You will see the shortcode<\/strong> for the map with coordinates: <\/p>\r\n
        \r\n[google_map_api lat_value=\"40.649974\" lng_value=\"-73.949919\" zoom_value=\"14\" zoom_wheel=\"no\"]\r\n\t<\/pre>\r\n
        \"CherryFramework3-How_to_change_Google_map_location_API_based-5\"<\/a>\r\n\t<\/li>\r\n
      3. \r\n
        You should change latitude<\/strong> and longitude<\/strong>. Click on Update<\/strong> to save the page:<\/p>\r\n
        \"CherryFramework3-How_to_change_Google_map_location_API_based-6\"<\/a><\/p>\r\n
        Refresh the page to check the result:<\/p>\r\n
        \"CherryFramework3-How_to_change_Google_map_location_API_based-7\"<\/a>\r\n\t<\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\n
        Feel free to check the detailed video tutorial below:<\/p>\r\n
        CherryFramework 3. How to change Google map location (API based)<\/a><\/p>\r\n<\/p>\r\n
        <\/p>","protected":false},"excerpt":{"rendered":"
        This tutorial will show you how to change Google map <\/strong>location (API based<\/strong>) in CherryFramework 3.x WordPress<\/strong> templates.<\/p>\n","protected":false},"author":69,"featured_media":56228,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[1102,2094,2093,1415,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/56218"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=56218"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/56218\/revisions"}],"predecessor-version":[{"id":82291,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/56218\/revisions\/82291"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/56228"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=56218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=56218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=56218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}