GooleMap入门学习01

latitude [英]['lætɪtju:d] ：lat 纬度

longitude[英][ˈlɔndʒitju:d]：lng 经度

使用Google Map API3首先需要引用google 脚本

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

sensor=false表示不通过传感器确定用户位置;

google map的基础调用方式如下:

<scripttype="text/javascript">
    $(function() {
       var myLatlng = new google.maps.LatLng(36.619494, 101.80427);
       var options = {
           zoom: 13,
           center: myLatlng,
           mapTypeId: google.maps.MapTypeId.ROADMAP

       }
       varmap = new google.maps.Map($("#map")[0], options);

    })
</script>

<div id="map" style="width:1200px;height:720px;"></div>

长度和宽度不能忘记，否则显示区域面积是0，好像没显示一样

其中LatLng表示地图的经度和纬度，options设置google map的参数，div表示地图呈现的区域。

options至少需要三个参数:center:地图的初始中心位置,mapTypeId:地图的初始类型,zoom:地图的初始缩放级别

mapTypeId包括如下四种类型：

google.maps.MapTypeId.HYBRID：显示卫星图像的主要街道透明层，

google.maps.MapTypeId.ROADMAP：显示普通的街道地图，

google.maps.MapTypeId.SATELLITE：显示卫星图像，

google.maps.MapTypeId.TERRAIN：显示带有自然特征（如地形和植被）的地图。