{"id":113,"date":"2019-09-20T07:00:23","date_gmt":"2019-09-20T07:00:23","guid":{"rendered":"https:\/\/www.loftocean.com\/eaven\/?p=113"},"modified":"2019-11-04T03:44:51","modified_gmt":"2019-11-04T03:44:51","slug":"display-pins-of-posts-on-google-map","status":"publish","type":"post","link":"https:\/\/www.loftocean.com\/eaven\/google-map\/display-pins-of-posts-on-google-map\/","title":{"rendered":"Display pins of posts on Google Map"},"content":{"rendered":"

To display pins linking to posts on the map, you need to add locations to your posts first. Please read the following section.<\/p>\n

\n

In Classic Editor<\/h4>\n

When you write a post, scroll down the edit page and then you will find the Eaven Single Post Options<\/strong> panel > Location<\/strong> field. If you are writing a post about a destination (country\/states\/city\/etc.), you can add the name of this destination to the Location<\/strong> field, such as “Sydney, NSW, Australia<\/i>“.<\/p>\n

Please note:<\/span> Do not add same location to different posts, otherwise, the post information cannot be displayed on the map when clicking on the pin.<\/p>\n

\"\"<\/p>\n

Latitude & Longitude<\/strong><\/p>\n

After adding a location to a post, when saving the changes to this post, the Latitude & Longitude values will be generated automatically from the location added. The Latitude & Longitude values are required to display a pin on the map. You can add custom Latitude & Longitude<\/strong> values if the map pin location in incorrect.<\/p>\n

\"\"<\/p>\n

Please note:<\/span> The Google Map API key is required to auto generate Latitude & Longitude values.<\/p>\n

\n

If you added some locations before adding your Google Map API key, please:<\/p>\n

    \n
  • Method 1 –<\/strong> Re-save the posts to auto generate the Latitude & Longitude values.<\/li>\n
  • Method 2 –<\/strong> Or, on the post list page (dashboard > Posts > All Posts), find the “Map Location”<\/strong> column, then click on the “Generate Latitude & Longitude”<\/strong> button for each post.<\/li>\n<\/ul>\n<\/div>\n

    \"\"<\/p>\n

    \n

    In Gutenberg Block Editor<\/h4>\n

    If you use Gutenberg Block Editor, you can find the field for adding location in Theme Settings<\/strong> > Map Settings<\/strong> > Location<\/strong> field.<\/p>\n

    \"\"
    Add post location in Gutenberg editor.<\/figcaption><\/figure>\n
    \n

    Then, when you add a Google Map to your homepage (using the home widgets “Google Map”), or add a Google Map to your post\/page content (using Google Map shortcode or Gutenberg block), you will see a pin shown on the map. Click on this pin to display the thumbnail (featured image) and title of this post. Click it to go to this post.<\/p>\n

    \"\"
    Pin of a post on the map.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

    To display pins linking to posts on the map, you need to add locations to your posts first. Please read the following section. In Classic Editor When you write a post, scroll down the edit page and then you will find the Eaven Single Post Options panel > Location field. If you are writing a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-113","post","type-post","status-publish","format-standard","hentry","category-google-map"],"_links":{"self":[{"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":5,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/posts\/113\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/categories?post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/tags?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}