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

时间:2015-07-19 22:43:41

标签: angularjs google-maps angular-google-maps

序言

我使用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']
                    }
              };

对于以下可视化,它可以完美地运行:

enter image description here

但是,我刚刚注意到该地区有3D数据可供使用,我想将其重新定位:

enter image description here

问题

是否可以通过Angular Google Maps以这样的方式配置我的初始化,以便按指示显示地图?

奖金问题

...是否有可能以编程方式拥有相机'围绕标记(或中心)旋转?

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

1 个答案:

答案 0 :(得分:1)

使用Google Maps Javascript API获得的最佳效果是45° imagery

3D map visualization不同,45°影像只有:{ 1)45°瓷砖...
2)4个天使(0,90,180,270)
3)只有SATELLITE模式。 (即使地图是HYBRID,也不显示道路名称和其他地图元素)
4)它无法在全球各地使用。 (例如,40.9570608,-76.8816097)

请查看此示例以获取更多信息 http://jsfiddle.net/u1qcf892/