ゞGoogle Map - 毞記 - 1 - HelloWorldゞ-CSDN博客

本文链接：https://blog.csdn.net/loyalpartner/article/details/83736888

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<title>Google Maps JavaScript API v3 Example: Map Simple</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  function initialize() {
	// 创建经纬度 坐标对象
    var myLatlng = new google.maps.LatLng(-34.397, 150.644);
	//地图选项
	//mapTypeId 地图显示类型，值有以下选项
	//ROADMAP，用于显示 Google Maps 默认的普通二维图块。
	//SATELLITE，用于显示拍摄的图块。
	//HYBRID，用于同时显示拍摄的图块和突出特征（道路、城市名）图块层。
	//TERRAIN，用于显示自然地形图块，自然地形图块中会显示高度和水体特征（山脉、河流等）。
    var myOptions = {
      zoom: 8,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
	//创建地图对象
	//google.maps.Map - 基本对象
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }
</script>
</head>
<body οnlοad="initialize()">
  <div id="map_canvas"></div>
</body>
</html>