javascript - 了解 Google map API(简单 map )的代码，以便将其实现到网站中？

Question

 <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>

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

Answer 1

文档将所有内容都布局得很好:Google Maps Javascript API Documentation

var map;

定义一个名为map的变量。

function initialize() {..}

定义名为 intialize 的函数

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

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