<!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>
<script>
function initialize()
{
var mapProp = {
center:new google.maps.LatLng(90.54346,-0.431613),
zoom:3,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap")
,mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="googleMap" style="500px;height:380px;"></div>
</body>
</html>
解析：
1.先将Google地图的API key导入。
这里面key是你自己的谷歌key，&后面的sensor可以设定TRUE/FALSE 这个参数是必须参数，是设定一个传感器（类似于GPS）,用来定位用户的位置。
2.设顶地图的各个参数。
center:中心点，指定的是地图的中心位置，后面的参数是中心点的经度和纬度。
zoom:缩放倍数，当zoom:0的时候，显示了整个地图的完全缩放。
MapTypeId:地图的初始类型（分为4种）
3.