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:显示带有自然特征(如地形和植被)的地图。

你可能感兴趣的:(GooleMap入门学习01)