JavaScript - Saber como esta hecho

Hola.

Quiero saber como podría hacer algo así.

https://doctaurbanizacion.com.ar/cyber-lotes?utm_source=google&utm_medium=cpc&utm_campaign=CyberLotes&utm_content=search&gclid=Cj0KCQjwj7v0BRDOARIsAGh37iqfs4xnYZvb3VXzw2WYvjKMAAT3PNvrdKW1y038p1cageshDcQl3zcaAhocEALw_wcB

Pero sobre una img, no sobre un map.

Hola Diego, a que te refieres?? puedes pegar la imagen exactamente de lo que quieres hacer?

Hola Joel, gracias por la respuesta.

Te comento.

Lo que yo estoy buscando hacer es lo siguiente.

Sobre la imagen(abajo), quisiera que el cliente(frontend), pueda "dibujar" marcando los puntos de las esquinas de, en este caso, cada "sitio"... ya sean 3, 4, 5, etc puntos(va a depender de la forma del terreno)... ese "dibujo" que se convierta en un elemento(podrías ser DIV o IMG), para poder guardar sus datos en una bd, luego, que los usuarios puedan verlos al cargar la página y tener las especificaciones que el cliente cargó a ese elemento(precio, medidas, disponible o no, etc)...

Ejemplo en imágenes:

como vería la imagen quien administra el sitio:





el administrador del sitio debería poder hacer sobre ella los siguientes "dibujos" marcando las aristas de cada "terreno", para que quede así... y así lo debería ver el que entra a la página.




Luego, cuando el usuario que entró a la página, haga "clic" sobre alguno de los recuadros creados, salga la información del mismo




El tema de traer la info de la BD, no hace falta, xq ya lo tengo hecho, el problema es la parte de "dibujar" cada uno de esos "div's o img" sobre la imagen ya.

Desde ya, muchas gracias.

Saludos.

Hola Dante, la verdad, no se como hacerlo!!! y no se me ocurre... supongo que con canvas podrás hacerlo.