使用Javascript API v3在地图上将有效的Google街景区域显示为图层

Question

我正在开发一个使用Google Maps Javascript API v3的JavaScript网络应用程序.地图让用户做的事情之一是沿街道绘制路线.但是,我希望用户能够沿着街道观看的街道绘制路线,而且我遇到了一些问题......

将黄色街景人物拖到地图对象上时,所有有效的街景街道都会以蓝色亮起.但是,有时这些街道与实际地图不能正确对齐,有时候地图上的街道也没有被街道查看过.我的问题是如何在不拖动黄色人物的情况下将"有效街景区"覆盖在地图上？有一层我能以某种方式激活吗？

我希望这个图层始终可见,这样用户就可以判断他们正在绘制路线的街道是否已经过街道查看,并且能够确保他们的路线与街景网格对齐.

谢谢

Answer 1

StreetViewCoverageLayer()已添加到v3 api中,因此这是可能的.

https://developers.google.com/maps/documentation/javascript/reference#StreetViewCoverageLayer

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var streetViewLayer = new google.maps.StreetViewCoverageLayer();
streetViewLayer.setMap(map);

Answer 2

在 API v3 中，没有图层可以在地图上显示蓝色叠加层。以下是可用图层的完整列表：https://developers.google.com/maps/documentation/javascript/layers。

目前，在 API 和官方地图网站上，蓝线实际上是显示在地图上的透明 PNG 图块 (256x256)。

有时它们无法正确对齐的原因是，在某些国家/地区可以使用地图制作工具（协作地图编辑），人们搞乱了道路线，并且它们不会同时在所有 Google 服务中更新（对于街道）查看可用性我什至认为他们根本不更新）。

我能看到的唯一解决方法是熟悉 Google 地图中使用的平铺坐标系统（https://developers.google.com/maps/documentation/javascript/maptypes#TileCooperatives），该系统也用于蓝色叠加层，并创建一个使用它的新地图类型/图层。

图块链接示例：https://mts2.google.com/mapslt? lyrs=svv&x=75041&y=47444&z=17&w=256&h=256&hl=en&style= 40,18 。

x 和 y 是图块坐标，z 是缩放

这有点复杂，但如果您打算这样做，我可以帮助您提供一些额外的资源。

但请注意：API 条款不涵盖此解决方法。