在 Ionic 项目中旋转谷歌地图答案

【问题标题】：Rotating Google Maps in Ionic project在 Ionic 项目中旋转谷歌地图
【发布时间】：2015-10-26 20:02:53
【问题描述】：

我在 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
  };

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

谢谢

【问题讨论】：

嗯，没有问题。 rotateControl 有效，当您的地图类型为 SATELLITE 时（按下卫星按钮，rotateControl 会神奇地出现）。当地图显示为 ROADMAP 时，rotateControl 没有任何意义。另外，先在热门地点（如纽约时代广场）试一试；我认为它并不适用于任何地方。
也许我说的手势不是旋转。我的意思是握住两根手指并顺时针或逆时针旋转时的手势。这不起作用，只有缩放和平移起作用。感谢您的帮助。
哦，是的。抱歉，我不知道该怎么做
@coding4fun 你有解决办法吗？

标签： javascript google-maps ionic-framework

【解决方案1】：

即使是 4 年前的问题，您也可以使用 ionic 的最新 Google Maps 插件，然后使用以下代码

let mapOptions: GoogleMapOptions = {
  gestures:{
    rotate:false,
    tilt:false,
    scroll:false
  }
};

this.map = this.googleMaps.create(this.mapDiv.nativeElement, mapOptions);

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

【讨论】：