Google maps, impossible de placer le marqueur

Question

Je n'ai pas réussi à jouer même un marqueur basique à la position LatLng et je ne suis pas sûr de savoir comment le réparer. Chaque fois que j'essaie de placer un marqueur, toute l'étiquette div et la carte disparaissent.

<div id="googleMap" style="width:100%;height:400px;"></div> 

<script> 
function myMap() { 
var mapProp= { 
    center:new google.maps.LatLng(-36.934601, 174.915836), 
    zoom:15, 
}; 
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
var marker = new google.maps.Marker({ 
      position: myLatLng, 
      map: map, 
      title: 'Hello World!' 
     }); 
} 
</script> 

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDRqDMSVnEAKKE7vPz3cWiJ9Ge6lLLBtQ4&callback=myMap"></script> 
</div> 

Answer 1

Vous devez définir myLatLng

var myLatLng = {lat:-36.934601, lng: 174.915836}; 

Le code complet devient:

<div id="googleMap" style="width:100%;height:400px;"></div> 

<script> 
function myMap() { 
var mapProp= { 
    center:new google.maps.LatLng(-36.934601, 174.915836), 
    zoom:15, 
}; 
var myLatLng = {lat:-36.934601, lng: 174.915836}; 
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
var marker = new google.maps.Marker({ 
      position: myLatLng, 
      map: map, 
      title: 'Hello World!' 
     }); 
} 
</script> 

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDRqDMSVnEAKKE7vPz3cWiJ9Ge6lLLBtQ4&callback=myMap"></script> 
</div>