Esta podría ser una pregunta duplicada, así que me disculpo por eso. Estoy mapeando una imagen y usando un complemento Image Map Resize y aparece este error en mi consola. "El atributo "coords" de la etiqueta no tiene el formato "izquierda, arriba, derecha, abajo".
Aquí está mi código:
<body> <h1>Image Mapping</h1> <img name="parkMap" src="https://i.ibb.co/cbmgggd/AGRIECOMAP.gif" id="image" usemap="#image-map" border="0" width="100%"> <map name="image-map"> <area target="" shape="rect" coords=" 345, 204, 435, 283" href="kubo" alt="Kubo"> <area target="" shape="rect" coords="439, 325, 500, 369" href="" alt="Bee"> <area target="" shape="rect" coords="314, 356, 356, 384" href="" alt="Bridge"> </map>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript" src="<?php echo base_url(); ?>js/imageMapResizer.min.js"></script> <script type="text/javascript"> $('map').imageMapResize(); </script>
Encuentro que sus coods tienen un espacio en blanco, puede eliminar este espacio en blanco y alt
es inútil, puede usar el title
<map name="image-map"> <area target="" shape="rect" coords="345, 204, 435, 283" href="kubo" title="Kubo"> <area target="" shape="rect" coords="439, 325, 500, 369" href="" title="Bee"> <area target="" shape="rect" coords="314, 356, 356, 384" href="" title="Bridge"> </map>