Javascript 使用marker的GoogleMapsSetCenter无法正常工作，因为它在左上方而不是中间显示市场_Javascript_Google Maps

Javascript 使用marker的GoogleMapsSetCenter无法正常工作，因为它在左上方而不是中间显示市场

javascript google-maps

Javascript 使用marker的GoogleMapsSetCenter无法正常工作，因为它在左上方而不是中间显示市场,javascript,google-maps,Javascript,Google Maps,使用marker的GoogleMapsSetCenter无法正常工作，因为它在左上方而不是中间显示市场。以下是我使用的代码： <body id="ViewMapScreen"> <div id="map" style="width: 600px; height: 349px;"></div> <script type="text/javascript"> var address = 'Pune, Maharastra, India

使用marker的GoogleMapsSetCenter无法正常工作，因为它在左上方而不是中间显示市场。以下是我使用的代码：

<body id="ViewMapScreen">
<div id="map" style="width: 600px; height: 349px;"></div>

   <script type="text/javascript"> 

   var address = 'Pune, Maharastra, India';

   var map = new google.maps.Map(document.getElementById('map'), { 
       mapTypeId: google.maps.MapTypeId.ROADMAP,
       zoom: 8
   });   

   var geocoder = new google.maps.Geocoder();
   geocoder.geocode({
      'address': address
   },
   function(results, status) {
      if(status == google.maps.GeocoderStatus.OK) {
         new google.maps.Marker({
            position: results[0].geometry.location,
            map: map
         });
         map.setCenter(results[0].geometry.location);
      }
   });   

   </script> 
</body>


var地址='印度马哈拉施特拉邦浦那'；
var map=new google.maps.map（document.getElementById（'map'），{
mapTypeId:google.maps.mapTypeId.ROADMAP，
缩放：8
});   
var geocoder=new google.maps.geocoder（）；
地理编码({
“地址”：地址
},
功能（结果、状态）{
if（status==google.maps.GeocoderStatus.OK）{
新的google.maps.Marker({
位置：结果[0]。geometry.location，
地图：地图
});
map.setCenter（结果[0].geometry.location）；
}
});

更改div的宽度和高度，它就会正常工作

<div id="map" style="width: 1270px; height: 850px;"></div>

是否将地图显示在隐藏的div中？实际上，我正在一个应用程序中使用它，它将作为弹出窗口出现。谢谢，但问题已经解决。我使用了I-frame，在那里我调用了相同的。