{"id":22614,"date":"2016-07-28T12:46:21","date_gmt":"2016-07-28T12:46:21","guid":{"rendered":"https:\/\/wpgeodirectory.com\/docs\/?p=22614"},"modified":"2016-07-29T12:29:43","modified_gmt":"2016-07-29T12:29:43","slug":"linking-to-google-maps-from-a-detail-page","status":"publish","type":"post","link":"https:\/\/wpgeodirectory.com\/docs\/linking-to-google-maps-from-a-detail-page\/","title":{"rendered":"Linking to Google Maps from a detail page"},"content":{"rendered":"
    \n
  1. You can get Google Map directions to the location of a listing from a standard GD detail page.
    \nTo get directions, you enter an address in the address field, and then click Get Directions<\/strong><\/em>:
    \n\"\"<\/li>\n
  2. That will give directions on the Google map on the website page:
    \n\"\"<\/li>\n
  3. The code snippet below will create a link\u00a0on the detail page, that open Google Maps with the location of the GD listing ready on the map.<\/li>\n
  4. On a mobile device you can then use the Google Map App to get directions.\n

    [php]function geodirectory_detail_page_google_map_link( $options, $canvas ) {
    \n global $post;<\/p>\n

    if ( $canvas == ‘detail_page_map_canvas’ && !empty( $post->post_latitude ) && !empty( $post->post_longitude ) ) {
    \n ?>
    \n <p><a href="http:\/\/maps.google.com\/?q=<?php echo $post->post_latitude . ‘,’ . $post->post_longitude ;?>" target="_blank"><?php echo __( ‘Get Directions on Google Maps’, ‘geodirectory’ ); ?><\/a><\/p>
    \n <?php
    \n }
    \n}
    \nadd_action( ‘geodir_map_after_render’, ‘geodirectory_detail_page_google_map_link’, 10, 2 );[\/php]<\/p>\n<\/li>\n<\/ol>\n

    Changing the position on the page<\/h4>\n
      \n
    1. The above code will add the link below the map on the detail page.<\/li>\n
    2. If you want to add the link in the profile tab, you can use this code:\n

      [php]function geodirectory_detail_page_google_map_link() {
      \n global $post, $preview;<\/p>\n

      if ( !$preview && !empty( $post->post_latitude ) && !empty( $post->post_longitude ) ) {
      \n $maps_url = add_query_arg( array(
      \n ‘q’ => $post->post_latitude . ‘,’ . $post->post_longitude,
      \n ), ‘http:\/\/maps.google.com\/’ );
      \n ?>
      \n <p><a href="<?php echo $maps_url; ?>" target="_blank"><?php echo __( ‘Get Directions on Google Maps’, ‘geodirectory’ ); ?><\/a><\/p>
      \n <?php
      \n }
      \n}
      \nadd_action( ‘geodir_after_description_on_listing_detail’, ‘geodirectory_detail_page_google_map_link’);[\/php]<\/p>\n<\/li>\n

    3. If you would like to move the link to the top, replace the string
      \ngeodir_after_description_on_listing_detail<\/strong><\/em>
      \nwith
      \ngeodir_before_description_on_listing_detail
      \n\"\"
      \n<\/strong><\/em><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

      You can get Google Map directions to the location of a listing from a standard GD detail page. To get directions, you enter an address in the address field, and then click Get Directions: That will give directions on the Google map on the website page: The code snippet below will create a link\u00a0on the … <\/p>\n

      Continue reading “Linking to Google Maps from a detail page”<\/span><\/a><\/p>\n","protected":false},"author":1676,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[],"amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/posts\/22614"}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/users\/1676"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/comments?post=22614"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/posts\/22614\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/media?parent=22614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/categories?post=22614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/tags?post=22614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}