quiero crear el siguiente marcador de icono para el mouse cuando elijo el lugar (gif)

como escribo esto

JS

 let objectType = document.getElementById('cursor'); document.onmousemove = function(event){ objectType.style.left = event.clientX+'px'; objectType.style.top = event.clientY+'px'; }

HTML + CSS

 <img src="/public/images/icon/obj.png" id="cursor" class="cursor"/> .cursor { position: fixed; visibility: hidden; }

Pero esto no le permite hacer clic en el mapa y se superpone en la interfaz

¿Cómo hacerlo mejor?