Google maps 谷歌地图，无法放置标记

我甚至无法在拉特宁位置降低一个基本的标记，我不确定如何修复它。每当我试图放置一个标记时，整个div标签和地图都会消失

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

函数myMap（）{
var mapProp={
中心：新google.maps.LatLng（-36.934601174.915836），
缩放：15，
};
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
var marker=new google.maps.marker({
职位：myLatLng，
地图：地图，
标题：“你好，世界！”
});
}

您必须定义myLatLng

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

完整的代码变成：

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

函数myMap（）{
var mapProp={
中心：新google.maps.LatLng（-36.934601174.915836），
缩放：15，
};
var Mylatng={lat:-36.934601，液化天然气：174.915836}；
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
var marker=new google.maps.marker({
职位：myLatLng，
地图：地图，
标题：“你好，世界！”
});
}

您能为myLatLng增值吗？我之前试过，但一定是做错了什么，谢谢您的帮助