Question

我试图在英特尔XDK上进行我的第一个应用/测试，并从一个简单的地图应用开始。我的问题是当我试图将地图与坐标对中时。坐标显示在右上角而不是中心。我的代码：

 <script type="text/javascript">
  function initialize() {
      //var coords = new google.maps.LatLng(-19.838817, -44.606980);
      var mapOptions = {
      center: { lat: -19.838491, lng: -44.606999},
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

      var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  }
//  google.maps.event.addDomListener(window, 'load', initialize);
</script>

我的脚本加载到标签正文的onload操作：

<body onload="initialize()">
<div id="map-canvas"></div>
</body>

定义地图大小的我的css文件是mapa.css：

div#map-canvas{
width: 100%;
height: 100%;
}

感谢任何帮助！

Answer 1

尝试

center: new google.maps.LatLng(-19.838491, -44.606999),

Answer 2

以下代码应该有效。

<强> HTML

<div id="canvas" style="height:300px;"></div>

<强>的jQuery

var map;
function initialize() {
    var mapOptions = {
       center: new google.maps.LatLng(-19.838491, -44.606999),
       zoom: 14,
       mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('canvas'), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);

请阅读手册：https://developers.google.com/maps/documentation/javascript/events#MarkerEvents

地图不以坐标为中心，Google Maps Javascript API V3

2 个答案: