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

时间:2022-12-01 12:37:42

Preamble

I'm using Angular Google Maps to indicate the location of different buildings across a campus. My initilization goes as follows:

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

That works flawlessly for the following visualization:

对于以下可视化,这完美无缺:

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

However, I just noticed that there is 3D data available for the region, and I would like to have it renderized as such:

但是,我刚刚注意到该区域有可用的3D数据,我希望将其重新定义为:

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

Question

Is it possible, via Angular Google Maps, to configure my initialization in such a way as to show the map as indicated?

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

Bonus Question

...would it be possible to programatically have the 'camera' spin around the marker (or the center)?

...是否可以以编程方式在标记(或中心)周围旋转“相机”?


This is the Map link for the reference images: https://www.google.com/maps/@40.9570608,-76.8816097,179a,20y,180h,41.69t/data=!3m1!1e3

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

1 个解决方案

#1


1  

The best you can get with the Google Maps Javascript API is the 45° imagery.

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

Not like the 3D map visualization, 45° imagery only has:
1) the 45° tile...
2) 4 angels (0, 90, 180, 270)
3) only has SATELLITE mode. (Road names and other maps elements isn't shown even the maps is in HYBRID)
4) it is not available everywhere over the globe. (for example, 40.9570608,-76.8816097)

与3D地图可视化不同,45°图像仅具有:1)45°瓦片... 2)4个天使(0,90,180,270)3)仅具有卫星模式。 (即使地图是HYBRID,也不会显示道路名称和其他地图元素)4)全球各地都无法使用它。 (例如,40.9570608,-76.8816097)

Look at this example for more information.
http://jsfiddle.net/u1qcf892/

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

#1


1  

The best you can get with the Google Maps Javascript API is the 45° imagery.

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

Not like the 3D map visualization, 45° imagery only has:
1) the 45° tile...
2) 4 angels (0, 90, 180, 270)
3) only has SATELLITE mode. (Road names and other maps elements isn't shown even the maps is in HYBRID)
4) it is not available everywhere over the globe. (for example, 40.9570608,-76.8816097)

与3D地图可视化不同,45°图像仅具有:1)45°瓦片... 2)4个天使(0,90,180,270)3)仅具有卫星模式。 (即使地图是HYBRID,也不会显示道路名称和其他地图元素)4)全球各地都无法使用它。 (例如,40.9570608,-76.8816097)

Look at this example for more information.
http://jsfiddle.net/u1qcf892/

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