google map 根据坐标点自动缩放

google map v3的命令和v2有些差别。下面把我的代码贴出来。

这个功能主要是如果一个地图上有多个坐标，可以根据坐标点自动计算zoom值，防止有点坐标点跑到地图外面，导致显示不全。

<script type="text/javascript"  src="http://ditu.google.cn/maps/api/js?v=3.exp&key=xxxxxxxx&language=zh-cn&sensor=false"></script>

planService.initMap = function (id, flightPlanCoordinates, areaList) { // by sjw

    var lat = 34.0204989;    //默认坐标点

    var lng = -118.4117325;   //默认坐标点

    var map = new google.maps.Map(document.getElementById('map' + id), {

        zoom: 6,                   //默认zoom=6

        center: {lat: lat, lng: lng},

        mapTypeId: google.maps.MapTypeId.TERRAIN

    });

    var bounds = new google.maps.LatLngBounds();      //声明一个bounds

    $.each(areaList, function (i, area) {    //遍历坐标列表

        var image = '../../resources/images/icon-' + area.imgName + '.png';   //声明图标

        bounds.extend(new google.maps.LatLng(area.lat, area.lng));

        var beachMarker = new google.maps.Marker({

            position: {lat: area.lat, lng: area.lng},

            map: map,

            icon: image

        });

    })

    if (areaList.length > 1) {    //如果坐标点多余1个，则使用  google map 的fitBounds，自动计算zoom值

        map.fitBounds(bounds);

    }

    var lineSymbol = {              //把各点用虚线连起来

        path: 'M 0,-1 0,1',

        strokeOpacity: 1,

        strokeWeight: 2,  //线粗细

        scale: 2    //虚线段长度

    };

    var line = new google.maps.Polyline({

        path: flightPlanCoordinates,

        strokeOpacity: 0,

        strokeColor: "#ed5565",   //颜色

        strokeWeight: 1,

        icons: [{

            icon: lineSymbol,

            offset: '0',

            repeat: '15px'    //间距

        }],

        map: map

    });

};