Google Map参数基础

靖西网2014 2015-09-20
[post]使用Google Map API3首先需要引用google 脚本
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
sensor=false表示不通过传感器确定用户位置;
google map的基础调用方式如下:
<script type="text/javascript">
    $(function () {
        var myLatlng = new google.maps.LatLng(36.619494, 101.80427);
        var options = {
            zoom: 13,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
       var map = new google.maps.Map($("#map")[0], options);
    })
</script>
<div id="map" style="width:1200px; height:720px;"></div>
其中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:显示带有自然特征(如地形和植被)的地图。[/post]

浏览833957 / 回复0
举报内容
返回 [发帖] 发回复:评论……

+
提交评论