Bonjour à tous,
J'utilise le plugin gmaps pour mobile, afin d'afficher des points sur mes maps.
Ça fonctionne parfaitement cependant, j'ai un souci de "recentrage".
En fait, lorsque l'utilisateur clique sur une adresse, une popup s'ouvre (aux dimensions de l'écran) et affiche la carte en plein écran sur le mobile de la personne, et centre la map sur l'adresse sélectionnée : jusque là parfait.
Si l'utilisateur passe son mobile en paysage par exemple, la taille de la carte n'est plus bonne (adaptée précemment aux dimensions de l'écran), et le centre de la map n'est plus du tout bon non plus.
Du coup, j'ai écris une fonction sur l'évènement resize qui recalcule la taille de l'écran, adapate la carte et recentre l'adresse.
Ça fonctionne parfait sur un mobile Android, mais sur iPhone, impossible de recentrer la carte....
J'ai créé ce fiddle, qui fonctionne très bien sur PC avec firefox par exemple, si on redimensionne la case, ça recentre le marqueur, sous android mobile, ça fonctionne aussi, juste sous iPhone, je ne comprend pas pourquoi, seul le recentrage du marqueur ne fonctionne pas (le redimensionnement de #carte fonctionne)
https://jsfiddle.net/q3p81bzx/11/
Merci pour votre aide
Partager