如何自定义Google地图以摆脱3D建筑效果?

时间:2014-01-10 17:00:39

标签: google-maps google-maps-api-3

这是我的Google地图(Google Maps API v3):

var mapOptions = {
   center: new google.maps.LatLng(40.7607793, -111.8910474),
   zoom: 8,
   mapTypeId: google.maps.MapTypeId.ROADMAP,
   tilt: 0
};
this.map = new google.maps.Map(this.el, mapOptions);   

我想“压扁”建筑物,摆脱3D效果。

作为一个例子,我希望下方(右侧)的建筑物布局与地图的“室内”部分(左侧)相同。

enter image description here

我能够完全摆脱建筑物,自定义地图的风格并将亮度设置为100%:

this.map.set('styles', [
   {
      featureType: 'landscape',
      elementType: 'geometry',
      stylers: [                    
         { lightness: 100 }
      ]
   }
]);

这显然不是我想要的。

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

您可以在 Google Maps Platform 的 Google“地图管理”选项卡中创建新地图时消除 3D 建筑物。

创建地图时必须选择“光栅”而不是“矢量”。

答案 1 :(得分:-2)

    featureType: 'landscape.man_made',
        elementType: 'geometry',
        stylers: [
            { visibility: 'off' }
      ]
   }
]);