Javascript Can';t将谷歌地图添加到phonegap

Javascript Can';t将谷歌地图添加到phonegap,javascript,google-maps,phonegap,Javascript,Google Maps,Phonegap,我正在尝试将google map js添加到我的phonegap项目中 我的代码(显示白色页面): app.initialize(); 函数initMap(){ var Mylatng={lat:10.795317,lng:106.693692}; var map=new google.maps.map(document.getElementById('map'){ 缩放:17, 中心:myLatLng }); var marker=new google.maps.marker({ 职位:my

我正在尝试将google map js添加到我的phonegap项目中

我的代码(显示白色页面):


app.initialize();
函数initMap(){
var Mylatng={lat:10.795317,lng:106.693692};
var map=new google.maps.map(document.getElementById('map'){
缩放:17,
中心:myLatLng
});
var marker=new google.maps.marker({
职位:myLatLng,
地图:地图,
标题:“你好,世界!”
});
}
我读了同样的问题,但我没有处理我的错误。
谢谢

您遇到了哪一个错误?当我运行此代码时,它显示白色页面什么设置了map div的大小?请提供一份说明您的问题的报告。
<body>
<div id="map"></div>
 <script type="text/javascript" src="cordova.js"></script>
 <script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
  app.initialize();
</script>
<script>
  function initMap() {
var myLatLng = {lat: 10.795317, lng: 106.693692};
var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 17,
  center: myLatLng
});
var marker = new google.maps.Marker({
  position: myLatLng,
  map: map,
  title: 'Hello World!'
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDrTRMjEfm0KlIhDZXih-J9F0arDJ-t_O8&callback=initMap">
</script>