在Ionic项目中旋转谷歌地图

Rotating Google Maps in Ionic project

本文关键字:旋转 谷歌地图 项目 Ionic      更新时间:2023-09-26

我在Ionic项目中使用Google Maps API JS,一切都很好,除了我不能旋转地图,只能平移和缩放。因此,我查看并发现要添加以下代码:

var mapOptions = {
    center: latLng,
    zoom: 20,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    panControl: true,
    zoomControl: true,
    mapTypeControl: true,
    scaleControl: true,
    streetViewControl: true,
    overviewMapControl: true,
    rotateControl: true
  };

但没有发生变化。请帮我解决这个问题。

谢谢

尽管这是一个4年前的问题,你可以使用ionic最新的谷歌地图插件,然后使用以下代码

let mapOptions: GoogleMapOptions = {
  gestures:{
    rotate:false,
    tilt:false,
    scroll:false
  }
};
this.map = this.googleMaps.create(this.mapDiv.nativeElement, mapOptions);

注意mapOptions中的rotate:false手势。这将帮助您启用/禁用2手指旋转地图