Bonjour,
je cherche à intégrer une carte openstreetmap (faite avec umap) avec mes repères et tout en tant qu'image de fond de mon site web, l'idée c'est que la carte reste active : elle bouge et réagit comme la carte normale (info bulles,…).
Je n'ai pas trouvé grand chose, quelqu'un a des idées pour arriver à superposer à cette carte mes élements du site ? div ou autre.
Une petite nimage pour montrer explicitement… au cas ou.
Merci !
# ccs, propriété background-image
Posté par NeoX . Évalué à 1.
c'est fait pour ca,
cela permet de definir une image en fond d'une zone
à toi ensuite je jouer avec le html et le css pour positionner tes "div" et leur donner l'apparence que tu souhaites.
[^] # Re: ccs, propriété background-image
Posté par camalot . Évalué à 1.
Certes, mais ce n'est pas une image ici mais la carte… Cela marcherait aussi ?
[^] # Re: ccs, propriété background-image
Posté par ashgan . Évalué à 5.
et avec un z-index à -1 pour la carte?
par exemple comme ici avec leaflet.js
[^] # Re: ccs, propriété background-image
Posté par camalot . Évalué à 1.
Super exemple, merci ! C'est totalement ça, cool :)
# Leaflet ?
Posté par François GUÉRIN (Mastodon) . Évalué à 3.
Leaflet est une lib js d'intégration de carte, avec les systèmes de localisation kivonbien. Il est possible de d'adapter le code js, et d'afficher la carte dans le body ou dans un div qui prends toute la page.
Reste à ajouter tes autres éléments au dessus.
Bon courage !
[^] # Re: Leaflet ?
Posté par dj_ (site web personnel) . Évalué à 2.
Clairement leaflet est la solution, je bosse un peu avec et c'est génial ce qu'on peut arriver a sortir
# au cas où
Posté par Skilgannon . Évalué à 1.
je connais pas grand chose en html/css & compagnie mais au cas où :
article techno sur deviantart
Un commentaire du hollandaisvolant.
Si ça peut t'aider…
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.