Different marker icons based on taxonomy

This thread is resolved. Here is a description of the problem and solution.

Problem: I have a Map View with Markers created using an address custom field. I would like to display a different Marker image based on the taxonomy terms applied to the post with the address field.

Solution:
Create three different Marker shortcodes and wrap each in conditional HTML. Test the slug produced by the wpv-post-taxonomy shortcode in the conditional like this:

[wpv-conditional if="( '[wpv-post-taxonomy type="status-woongroep" format="slug"]' eq 'wonend' )"]
   [wpv-map-marker map_id="map-1" marker_id="marker-[wpv-post-id]" marker_title="[wpv-post-title]" marker_field="wpcf-adres-woongroep" marker_icon="https://www.lvgo.nl/cms/wp-content/uploads/2018/08/google-map-home-woon.png" ]Wonend: <strong>[wpv-post-link]</strong>[/wpv-map-marker]  
 [/wpv-conditional]
 
 [wpv-conditional if="( '[wpv-post-taxonomy type="status-woongroep" format="slug"]' eq 'initiatief' )"]
   [wpv-map-marker map_id='map-1' marker_id='marker-[wpv-post-id]' marker_field='wpcf-adres-woongroep' marker_icon="https://www.lvgo.nl/cms/wp-content/uploads/2018/08/google-map-home-initiatief.png"] In oprichting: <strong> [wpv-post-link]</strong>[/wpv-map-marker]
 [/wpv-conditional]
 
 [wpv-conditional if="( '[wpv-post-taxonomy type="status-woongroep" format="slug"]' eq 'bouwend' )"]
   [wpv-map-marker map_id='map-1' marker_id='marker-[wpv-post-id]' marker_field='wpcf-adres-woongroep' marker_icon="https://www.lvgo.nl/cms/wp-content/uploads/2018/08/google-map-home-initiatief.png"] In oprichting: <strong> [wpv-post-link]</strong>[/wpv-map-marker]
 [/wpv-conditional]

Relevant Documentation:
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/
https://toolset.com/documentation/user-guides/display-on-google-maps/

This support ticket is created 6 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

This topic is split from https://toolset.com/forums/topic/converting-acf-fields-to-toolset/

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 replies, has 2 voices.

Last updated by winyS 6 years, 2 months ago.

Assisted by: Christian Cox.

Author

Posts

August 30, 2018 at 5:39 pm #1096317

winyS

Hi Christian,

I think the ACF fields conversion problem is solved now.

Can you please respond to my latest questions:

I want to display different markers for different posts, based on the content of the select field lvgo_status_woongroep. Somelthing like this tutorial: https://toolset.com/forums/topic/different-marker-image-in-a-single-map/.

I think it makes more sense to replace the select field by a custom taxonomy "status woongroep" with 3 terms. I already created this custom taxonomy and populated it in 2 custom posts.

But what code do I have to add to my view to display the different markers?
I attach a screenshot of my view (not yet displaying correctly) and the url to view: hidden link (concept, you have to login first)

Thank you.

August 30, 2018 at 5:49 pm #1096321

Christian Cox

You can place 3 different Marker shortcodes in your content using 3 different Marker icons, and use conditional HTML to show and hide the different Markers based on the taxonomy. I added this code to your View:

         [wpv-conditional if="( '[wpv-post-taxonomy type="status-woongroep" format="slug"]' eq 'wonend' )"]
        	[wpv-map-marker map_id="map-1" marker_id="marker-[wpv-post-id]" marker_title="[wpv-post-title]" marker_field="wpcf-adres-woongroep" marker_icon="<em><u>hidden link</u></em>" ]Wonend: <strong>[wpv-post-link]</strong>[/wpv-map-marker]  
          [/wpv-conditional]
        
          [wpv-conditional if="( '[wpv-post-taxonomy type="status-woongroep" format="slug"]' eq 'initiatief' )"]
          	[wpv-map-marker map_id='map-1' marker_id='marker-[wpv-post-id]' marker_field='wpcf-adres-woongroep' marker_icon="<em><u>hidden link</u></em>"] In oprichting: <strong> [wpv-post-link]</strong>[/wpv-map-marker]
          [/wpv-conditional]
        
          [wpv-conditional if="( '[wpv-post-taxonomy type="status-woongroep" format="slug"]' eq 'bouwend' )"]
          	[wpv-map-marker map_id='map-1' marker_id='marker-[wpv-post-id]' marker_field='wpcf-adres-woongroep' marker_icon="<em><u>hidden link</u></em>"] In oprichting: <strong> [wpv-post-link]</strong>[/wpv-map-marker]
          [/wpv-conditional]

The last conditional block should be updated to use the correct marker icon URL and message. We have more information about conditional HTML here: https://toolset.com/documentation/user-guides/conditional-html-output-in-views/

August 31, 2018 at 3:57 pm #1097040

winyS

Thank you Christian, it works now!