如何动态设置最大缩放级别以适合Google地图中的标记列表？

Question

This is my code, I've used angular-google-map API for it. Here I try to set the zoom level of 20 statically, but as per my requirement, in some place I need 17, somewhere 18 zoom level. So I want to dynamically generate the maximum possible zoom level to fit all the markers.

var deviceCords = [];
                var bounds = new google.maps.LatLngBounds();
                $scope.$parent.$parent.$parent.map.zoom = 20;
                var devicePromise = SiteService.getDevicesForSite(marker).$promise;
                devicePromise.then(function(deviceData){
                    var markerCategory = marker.category;
                    if(markerCategory === "Public Venues")
                        markerCategory = "Venue";
                    else if(markerCategory === "Public Transit")
                        markerCategory = "Trans";
                    $scope.$parent.$parent.$parent.categoryFilter(markerCategory);
                   var devices = deviceData.devices;
                   var markers = $scope.$parent.$parent.$parent.markers;
                   markers.splice(0, markers.length);
                   angular.forEach(devices, function(device){
                       deviceCords.push(new google.maps.LatLng(device.latitude, device.longitude));
                       var deviceMarker = {
                           id : device.deviceId,
                           name : device.name,
                           latitude : device.latitude,
                           longitude: device.longitude,
                           category : device.category,
                           icon: "assets/images/device.png"
                       };
                       markers.push(deviceMarker);
                   });

                    angular.forEach(deviceCords, function(deviceCord){
                        bounds.extend(deviceCord);
                    });
                   var latlng = bounds.getCenter();
                   $scope.$parent.$parent.$parent.map.center = {
                       latitude: latlng.lat().toString().substr(0, 20),
                       longitude: latlng.lng().toString().substr(0, 20)
                   };
                   $scope.$parent.$parent.$parent.map.fitBounds(bounds);

Answer 1

Remove the zoom level. It will automatically adjust the value such that all markers are covered. Read this section - https://developers.google.com/maps/documentation/static-maps/intro#Markers