maps
Selector de envío por zonas con polígonos
Mapa esquemático en SVG con cuatro zonas de reparto dibujadas como polígonos irregulares y un marcador que se arrastra con pointer events: el componente decide la zona con una prueba real de punto en polígono por cruce de rayos, no por rectángulos ni por distancia al centro. La zona acertada se ilumina y su borde se redibuja, el coste y el plazo se interpolan hasta el nuevo valor, y si el punto cae en un hueco sin cobertura mide la distancia a cada segmento de cada polígono para proponer la zona más cercana y llevar el marcador al borde.
Verlo en vivo y copiar su promptQué se puede ajustar
- Color de acento
- Color sin cobertura
- Opacidad del relleno
- Relleno de las zonas
- Grosor del borde
- Tamaño del marcador
- Velocidad de la animación
- Etiquetas de zona
- Altura del lienzo
Cómo funciona este catálogo
Cada componente trae su prompt de reproducción: el texto que se pega en un constructor con inteligencia artificial para obtener exactamente esta pieza. Los valores que ves arriba son editables, y el prompt que copias lleva dentro los que hayas elegido, así que lo que se genera es lo que estabas mirando.
