Android: mapView.zoom does not change zoom

In my app, I want the map to zoom in to a default value whenever a marker is pressed. I referenced this issue and found that doing this.mapView.zoom = 15 within the onMarkerEvent works on iOS but not on Android. Is there another way to do this?

Also, I think it’s worth noting that changing the map’s center with this.mapView.latitude = ? and this.mapView.longitude = ? work on both Android and iOS.

[jeffswitzer]

I was able to get this to work by removing the angular bindings and just directly setting latitude, longitude and zoom on the MapView object.

So I removed

latitude="{{ latitude }}"
 longitude="{{ longitude }}"
 zoom="{{ zoomLvl }}"

from the following template:

<MapView #MapView
          latitude="{{ latitude }}"
          longitude="{{ longitude }}"
          zoom="{{ zoomLvl }}"
          bearing="{{ bearing }}"
          tilt="{{ tilt }}"
          i-padding="50,50,50,50"
          padding="{{ padding }}"
          (mapReady)="onMapReady($event)"
          (coordinateTapped)="onCoordinateTapped($event)"
          (cameraChanged)="onCameraChanged($event)"
          row="1" col="0"
          visibility="{{ activeTab === 'map' ? 'visible' : 'collapsed' }}">
 </MapView>

and then instead of just setting the following component properties and let angular do the binding:

this.longitude = Number(args.position.longitude.toFixed(4));
this.latitude = Number(args.position.latitude.toFixed(4));
this.zoomLvl = 12;

I added:

this.mapView.longitude = this.longitude;
this.mapView.latitude = this.latitude;
this.mapView.zoom = this.zoomLvl;

Thanks for taking to time to help try figuring it out @lin-brian-l

[lin-brian-l]

Can you post your code in your map.ts file?