0 
 <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
  html, body, #map-canvas {
    margin: 0;
    padding: 0;
    height: 100%;
  }
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
function initialize() {


var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};

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

我试图在脚本标签下理解这段代码的 javascript 部分。它到底在做什么，因为代码没有在 Google API 下注释掉。

4

2 回答 2

1 
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};

这是为地图设置各种选项；地图的缩放级别、地图的初始坐标和要使用的地图类型（您可以使用路线图、卫星或混合地图）

 map = new google.maps.Map(document.getElementById('map-canvas'),
 mapOptions);

这将创建地图对象并将其添加到您的页面。

google.maps.event.addDomListener(window, 'load', initialize);

这会将事件侦听器附加到窗口，以便在加载时初始化函数将运行，从而创建地图。

于 2013-07-10T21:50:35.477 回答
1

该文档的布局非常好：Google Maps Javascript API Documentation

var map;

定义一个名为 map 的变量。

function initialize() {..}

定义名为初始化的函数

var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};

设置地图选项（缩放：地图在其点上放大多远。中心：由传递的纬度和经度值定义的地图中心。mapTypeID：您希望地图 API 显示为的地图类型（ROADMAP , 卫星, 地形, 混合)

于 2013-07-10T21:54:33.080 回答