All markers are displayed on the map in order of their zIndex, with higher values displaying in front of markers with lower values. By default, markers are displayed according to their vertical position on screen, with lower markers appearing in front of markers further up the screen.
To change the zIndex of a specific marker on your map, add the following code to the file “functions.php” of your theme/child theme:
/**
* Set zIndex of a marker */
function cspm_set_marker_zIndex($default, $map_id){
$output = "
plugin_map.gmap3({
exec: {
name: 'marker',
all: true,
func: function(data){
var marker = data.object;
var post_id = marker.post_id;
// Replace 'YOUR_POST_ID' with the ID of the post associated with the marker for which you want to adjust the zIndex
if(post_id == 'YOUR_POST_ID'){
marker.setZIndex(9999); // You can modify the zIndex to any value greater or less than 9999!
}
}
}
});
";
echo $output;
}
add_filter('cspm_after_map_load', 'cspm_set_marker_zIndex', 10, 2);
In the above code, replace '
with the ID of the post associated with the marker for which you want to adjust the zIndex!YOUR_POST_ID
'
In the same context
- Open the single post page inside a modal
- Programmatically change single map language based on the URL’s language attribute
- Synchronize the ACF map field with the map fields in “Progress Map”
- Replace/override your map query settings to showcase diverse locations on any page
- Show locations based on a keyword search
- Display “Progress Map” metabox on “Envira Gallery” add/edit page
- How to add custom class names to the infoboxes
- How to add “Read More” link to the infobox content
- Programmatically change the content of the carousel items
- Programmatically change the content of the infobox
- Programmatically change the title of the infobox
- Make the plugin GDPR/DSGVO compliance
- Trigger marker events
- Center the map on a specific marker on page load
- Open the locations/posts “Nearby places” map inside a modal
- Redirect to the single post on marker click
- Insert a map inside a taxonomy page and display locations based on the current taxonomy term
- Use marker popups to display the post ID
- Change the text of the button “Toggle Carousel”
- Use the StreetView image as the carousel items image
- Hide the Points of Interest from the map
- Import/Export your maps between WordPress websites
- Import/Export your map locations between WordPress websites