OpenStreetMap in post query

This topic has 3 replies, 2 voices, and was last updated 4 years, 5 months ago by Long Nguyen.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
June 16, 2020 at 3:09 PM #20379
Trang Nguyen
Participant
Hi, I have a custom post type (attraction) with a text field (att_address) and an OpenStreetMap field (att_osm).
I set this in Views to query posts:
```
{% set args = { post_type: "attraction", category_name: post.slug } %}
{% set posts = mb.get_posts( args ) %}
{% for key, post in posts %}
        <h3>{{ post.post_title }}</h3>
        <p><strong>Address: </strong>{{ post.att_address }}</p>
        <a href="{{ mb.get_permalink( post.ID ) }}">Read More</a>
{% endfor %}
```
I would like to have a map with all the markers of the posts from this query but I really don't have any idea how to do it.
Please help!
Thank you!

Add New Note to this Reply
June 16, 2020 at 4:04 PM #20380

Long Nguyen
Moderator

Hi,

Please follow this article to know how to display many locations in map with some code https://metabox.io/display-all-listings-on-a-map/.

Hope it helps.

Add New Note to this Reply

June 16, 2020 at 4:18 PM #20381

Trang Nguyen
Participant

Hi, thank you for your link. I read it but it is for showing all the posts and using a template which not what I need.

I need many views to show separate posts depend on many conditions. In this case, they are location and types of attractions (at least).

I use these views as a part in many pages and posts, not for a page with template layout. So I need shortcode of Views to put them in places I want.

For ex: I have attractions in Madrid, Paris, Rome... With the query above, I can show attractions for each city, not all attractions on one page. And I would like to have a map for each city as well.

Thanks

Add New Note to this Reply

June 17, 2020 at 9:35 AM #20391
Long Nguyen
Moderator
Hi,

You can use the view as the template with the HTML code

<div id="map" style="width: 100%; height: 600px"></div>

and change the query to show locations base on a category (taxonomy) https://share.getcloudapp.com/bLujjb7j.
```
$query = new WP_Query( [
    'post_type' => 'restaurant',
    'tax_query' => [
        [
            'taxonomy' => 'custom_category',   // taxonomy name
            'field' => 'term_id',           // term_id, slug or name
            'terms' => 48,                  // term id, term slug or term name
        ]
    ]

] );
```
You can follow this topic to get more information about the query for custom taxonomy https://wordpress.stackexchange.com/questions/84921/how-do-i-query-a-custom-post-type-with-a-custom-taxonomy.

Add New Note to this Reply
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.