Y a-t-il un moyen de placer un div au-dessus d'un certain endroit dans une image? Dire que j'ai les coordonnées de cet endroit qui seraient utilisées dans une zone de carte HTML, que devrais-je faire pour réutiliser ces coordonnées pour placer cette div?Placez div à des coordonnées spécifiques en utilisant quelque chose comme l'attribut coords d'une zone de carte
Répondre
Je suppose que vous pouvez envelopper votre image dans un div, et définir que la position de div à relative
alors vous pouvez placer div intérieure à absolute
<div class="relative">
<img your map/>
<div class="pin"><img your pin image></div>
</div>
.relative{
position:relative
}
.pin{
position:absolute;
top:20px;
left:50px;
}
Bien sûr, vous définiriez haut et à gauche via javascript, au besoin
Cela a définitivement eu mon épingle à apparaître sur l'image, yay! Maintenant, y a-t-il un moyen de réutiliser les coordonnées de la zone pour déterminer les positions en haut/à gauche? Dites que j'ai une zone rectale avec les coordonnées 182,240,241,263. Si je devais les utiliser pour déterminer mes propriétés en haut et à gauche, cela finirait dans un endroit différent. Désolé si c'est une question stupide – sbell9
Vous pouvez également placer le div parent sur la page et ajouter une image d'arrière-plan au parent. Ensuite, positionnez relativement la div div dans le div parent, comme ceci: https://embed.plnkr.co/gM2VNz/
Vous devriez faire des calculs simples. Par exemple votre image montre 100 100 en haut à gauche et 400 400 en bas à droite de l'image et l'image est 300x300. Et vous voulez épingler 130130 coordination Vous faire 400-100 est votre boîte 130-100 = 30/300 * 100 = 10 Donc 10% de gauche et en haut est votre position broche
Bienvenue StackOverflow, votre question doit contenir un [** Exemple minimal, complet et vérifiable **] (http://stackoverflow.com/help/mcve). Voir aussi, [** Comment demander **] (https://stackoverflow.com/help/how-to-ask). Essayez de chercher _overlay image_. – hungerstar