Discussion :

[Jethro13]

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

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>

CSS

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;
    }

Javascript

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

[NoSmoking]

Bonjour,
ES6 est-il supporté ? Essaie déjà en mettant des var en lieu et place de tes let.

[Jethro13]

Bonjour

Merci a toi!
C'était bien ça j'avais pas du tout pensé a ça mais effectivement c'est bien ça.



Merci encore