Bonjour
J'utilise l'API Google map et j'arrive a afficher correctement ma carte sur une page web et elle est affiché par tout les appareils que j'ai pu tester (Iphone 6, plusieur smartphone android, sur mon pc...).
Mais sur iphone 5 et 5s que ce soit avec chrome et safari la carte ne s'affiche pas.
J'ai mis un background color rouge pour voir si la div prenais bien la bonne taille et c'est la cas.
voici le code :
HTML
CSS
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <div id="map"></div> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MACLE"></script> <script src="test.js" charset="utf-8"></script>
Javascript
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 #map{ width: 200px; height: 400px; display: block; background-color: red; }
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 document.addEventListener('DOMContentLoaded', function(){ let mapCanvas = document.getElementById("map"); let mapOptions = { center: new google.maps.LatLng(43.343484, 5.437101), zoom: 10, let map = new google.maps.Map(mapCanvas, mapOptions); });
Auriez vous des pistes? Y a t-il une quelconque incompatibilité entre google map et IOS?
Je précise que cela marche sur Iphone6 et que j'ai tester avec deux iphone 5 dont un entièrement a jour.
Merci d'avance
Partager