在 Google 地图街景上绘制多段线

Question

我正在 Google 地图 v3.exp 上绘制一些标记和 多段线 。

当我切换到 StreetView 时，标记在那里，折线没有。搜索了 Google、SO 和所有其他已知资源，令人惊讶的是，关于这个特定问题绝对没有任何提示。有没有人对这个问题有任何更深入的信息，或者是否希望在 Streetview 上显示一些道路信息叠加层？

有点不同的主题（虽然相关） - 我在上下文中尝试的第二件事是使用 THREE.js canvas 与街景上方的线条，使用街景全景 Position/POV -在那里我遇到了更奇怪的问题 - 无论如何都无法设置 PerspectiveCamera 设置以将 Streetview 图像与我绘制的对象相匹配。在第一级变焦上使用从 45 度到 75 度增量的 FOV 没有很好的匹配，尽管它确实类似于我需要在最后看到的正确结果。

更新： 第一个案例创建 simple JSFiddle。正如您在切换到街景时看到的那样，标记是可见的。简单折线不是。

<div id="map" style="width: 500px; height: 500px;" />
<script type="text/javascript">
var map = new google.maps.Map(
    document.getElementById('map'),
    {zoom: 18, center: new google.maps.LatLng(59.4372, 24.7453), mapTypeId: google.maps.MapTypeId.TERRAIN});

var marker = new google.maps.Marker({map: map, position: new google.maps.LatLng(59.4372, 24.7453)});

var polyline = new google.maps.Polyline({map: map, path: [
    new google.maps.LatLng(59.4372, 24.7453),
    new google.maps.LatLng(59.4572, 24.7553)
], strokeColor: '#ff0000', strokeWeight: 5});
</script>

Answer 1

StreetView 不支持折线。

来自StreetView documentation

街景中的叠加层

Currently, the types of overlays which are supported on Street View panoramas are limited to Markers, InfoWindows and custom OverlayViews.

在 Google 地图街景上绘制多段线

Drawing polylines on Google Maps Streetview

javascript

google-maps

google-maps-api-3

google-street-view

three.js