Making It Harder to Copy Map Images
It is not possible to completely prevent users from copying images displayed within a web page, but we can make it harder to do.
Adding the following JavaScript to your page will:
- Prevent users from saving images when right-clicking the thumbnail displayed by the Image Gallery.
- Removes the link to the full-size version of an image when clicking on it in the info window.
jQuery(document).on('contextmenu', '.waymark-map img', function () {
return false;
});
jQuery(document).on('hover', '.waymark-map .waymark-info-image_large_url a', function () {
jQuery(this).attr('href', '#');
});
jQuery(document).on('click', '.waymark-map .waymark-info-image_large_url a', function (e) {
e.preventDefault();
return false;
});
This CSS stops images displayed by the info window from appearing as links (i.e. it removes the “pointer” mouse cursor).
.waymark-map .waymark-info-image_large_url a {
cursor: unset !important
}
Adding this to your page will produce the following: