Angular Google Maps 中的 3D 地图可视化

Question

序言

我使用Angular Google Maps 来指示校园内不同建筑物的位置。我的初始化如下：

 $scope.map = {
                    control: {},
                    center:
                    {
                        latitude: $scope.Item.Latitude,
                        longitude: $scope.Item.Longitude
                    },
                    zoom: 16,
                    options: {
                        streetViewControl: true,
                        maxZoom: 20,
                        minZoom: 8,
                        mapTypeId: google.maps.MapTypeId.HYBRID
                    },
                    showTraffic: true,
                    showBicycling: true,
                    events: {
                        blacklist: ['drag', 'dragend', 'dragstart', 'center_changed']
                    }
              };

这对于以下可视化效果完美：

但是，我刚刚注意到该区域有可用的 3D 数据，我希望将其渲染为：

问题

是否有可能通过 Angular Google Maps 来配置我的初始化，以便按照指示显示地图？

奖金问题

...是否可以通过编程方式让“相机”围绕标记（或中心）旋转？

---

这是参考图像的地图链接： https://www.google.com/maps/@40.9570608,-76.8816097,179a,20y,180h,41.69t/data=!3m1!1e3

Answer 1

您可以使用 Google Maps Javascript API 获得的最佳服务是 45° imagery。

与3D map visualization 不同，45° 图像只有：
1) 45° 瓷砖...
2) 4 位天使 (0, 90, 180, 270)
3) 只有卫星模式。 （即使地图是 HYBRID，也不会显示道路名称和其他地图元素）
4）它并非在全球各地都可用。 （例如，40.9570608,-76.8816097）

查看此示例了解更多信息。
http://jsfiddle.net/u1qcf892/