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

【问题标题】：Map isn't centered on on the coordinates, Google Maps Javascript API V3地图不以坐标为中心，Google Maps Javascript API V3
【发布时间】：2014-12-30 22:08:37
【问题描述】：

我正在尝试在英特尔 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%;
}

感谢任何帮助！

【问题讨论】：

id="map-canvas" 的 div 在哪里？它有尺寸吗？适用于它的 CSS 是什么样的？
你好@geocodezip，id="map-canvas"的div在body标签里面。看：'
' 编辑：关于 div 大小：我需要定义存储地图的 div 的大小以使其居中显示吗？我问它是因为地图出现在模拟选项卡中，只是你的位置是错误的。谢谢帮忙！
@geocodezip 我添加了一个 #map-canvas 大小的 css 文件，但无论如何都不起作用。
能否在您的问题中包含该 CSS。还有任何代码都需要做标签。（在标签中搜索您的问题的此标签可能会发现您重复）
@geocodezip 我用我的 css 文件和标签正文进行了编辑。我研究了我的问题并发现了一些类似的问题，但没有任何帮助。有些使用 api v2，有些使用标记等。

标签： javascript css google-maps google-maps-api-3 intel-xdk

【解决方案1】：

下面的代码应该可以工作。

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

【讨论】：

谢谢你的注意，但我也试过了，但没有用。我阅读了文档并显示正确但不起作用：S
我更改了代码。看一下这个。它对我有用。
我在 Galaxy y 手机上对其进行了测试。它可以正常工作。所以我认为这是 xdk Intel 上渲染序列的错误。谢谢你的帮助！祝您 2015 年愉快！

【解决方案2】：

试试

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

【讨论】：

谢谢你的注意，但我也试过了，但没有用。
初始化函数是否可以正常工作？如果您更改其中的其他参数，这些更改是否会反映出来？（在 onload 属性调用 initialize() 后是否需要分号？）
您好@SpikeMF，感谢您的帮助...我在 Galaxy y 手机上对其进行了测试，它可以正常工作。所以我认为这是 xdk Intel 上的渲染序列错误。感谢您的帮助.. 祝您 2015 年愉快！