Set zoom level

[nhatchimai111]

How to set zoom level for google map?
Help me!

[symmetriccurve]

use longitudeDelta and latitudeDelta values to the region object to set the Zoom level.

zoomIn = (delta)=> {
         var zoomLevel = delta/100.0000000001
         var Lat = this.newRegion.latitudeDelta-(this.newRegion.latitudeDelta * zoomLevel)
         var Lng = this.newRegion.longitudeDelta-(this.newRegion.longitudeDelta * zoomLevel)
         if(Lat  >= 0 &&  Lat <= 180) {
               this.mapReference.animateToRegion({
                latitude: this.newRegion.latitude,
                longitude: this.newRegion.longitude,
                latitudeDelta:Lat,
                longitudeDelta:Lng
             },500)
         } else {
            console.error('latitudeDelta Should be In tha range of 1 to 180 or longitudeDelta Should be In tha range of 1 to 360 ');
         }
   }

   zoomOut = (delta)=> {
         var zoomLevel = delta/100.0000000001
         var Lat = this.newRegion.latitudeDelta+(this.newRegion.latitudeDelta * zoomLevel)
         var Lng = this.newRegion.longitudeDelta+(this.newRegion.longitudeDelta * zoomLevel)
         if(Lat  >= 0 &&  Lat <= 180) {
               this.mapReference.animateToRegion({
                latitude: this.newRegion.latitude,
                longitude: this.newRegion.longitude,
                latitudeDelta:Lat,
                longitudeDelta:Lng
             },500)
         } else {
         console.error('latitudeDelta Should be In tha range of 1 to 180 or longitudeDelta Should be In tha range of 1 to 360 ');
         }
   }

[mubeenadev]

+1

[maggialejandro]

I use this code

const { region } = this.state;
const newRegion = {
  latitude: coordinates.latitude,
  longitude: coordinates.longitude,
  latitudeDelta: region.latitudeDelta - (region.latitudeDelta / 1.2),
  longitudeDelta: region.longitudeDelta - (region.longitudeDelta / 1.2),
};

this.mapRef.animateToRegion(newRegion, 500);

[alvelig]

The deltas are zoomControls

[shrikantkunte]

@alvelig I am using default zoom controller by zoomControlEnabled={true}. Can we change the position of this zoom controller?

[miracle2k]

@shrikantkunte Hopefully in the future, #2563 will provide this.