Je suis en mode mort cérébrale. J'essaie d'utiliser Google Maps et je ne fais que commencer avec mon html factice. Le code suivant fonctionne, mais si je place le div de la carte dans un conteneur ou si je change simplement le nom, il échoue en ne trouvant pas l'ID.
<body>
<!--
<section id="container">
<div id="map"></div>
</section>
-->
<div id="map"></div>
<script>
function initMap() {
'use strict';
var myLatLng = {lat: 14.79445, lng: 120.271364};
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 6,
center: myLatLng
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOURKEY&callback=initMap">
</script>
</body>
Si j'enlève les commentaires et que j'exécute cette opération avec le div du conteneur, le getElementByID échoue.
Si je change l'id de map à map2 (dans les deux endroits), le getelement échoue.
Je sais que je fais quelque chose de très stupide, mais je ne le vois pas.
L'environnement de développement est entre parenthèses, poussant un navigateur chrome. (ma clé a été retirée de l'appel API)