[Resolved] Show the title of the marker on the map

[Author]

Posts

[GuidoP2150]

I need to show the title of the mark on the map. I saw the attribute marker_title of wpv-map-marker short code is shown only when you hover over a marker. But I need the title be shown regardless hover over it. How do I do that ?

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Hello. Thank you for contacting the Toolset support.

There is no such native feature available to open the map marker popup by default when you load the map.

You can set the popup to open on click or on mouse hover when you add the related button link using the shortcode:
=> https://toolset.com/documentation/user-guides/maps/maps-shortcodes/#map-focus-on-marker

If you can share the problem URL where you added the map and access details I might be able to share a workaround that will help you to open the popup by default when the map is loaded.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Can you please share the problem URL where I can see the map?

[GuidoP2150]

the URL is: quepasa.me

Did you receive the password of WordPress ?

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Yes - I got the access details.

I've added the following button to your view's loop editor:

<button class="js-wpv-addon-maps-focus-map  js-toolset-maps-open-infowindow-map-map-10-marker-marker-10 hideit" data-map="map-10" data-marker="marker-10">focus </button>

To hide the above button, I've added the "hideit" CSS class to it as you can see above and added the following CSS code to CSS section of your view.

.hideit{ display:none; } 

I've added the following JS code to your view's JS box:

jQuery(document).ready(function($){

  $( document ).on( 'js_event_wpv_addon_maps_init_map_completed', function( event, data ) {
    $('.js-wpv-addon-maps-focus-map').click();
});
  
  
 });

More info:
=> https://toolset.com/documentation/user-guides/maps/maps-shortcodes/#map-focus-on-marker
=> https://toolset.com/documentation/user-guides/maps/programmatically-change-map-settings/