在 Google 地图街景上绘制折线

Kal*_*kov 5 javascript google-maps google-maps-api-3 google-street-view three.js

我正在 Google Maps v3.exp 上绘制一些标记和折线

当我切换到街景时,标记在那里,折线不在那里。搜索了 Google、SO 和所有其他已知资源,令人惊讶的是,完全没有关于这个特定问题的任何提示。有没有人有关于这个问题的更深入的信息,或者是否无法在街景上显示例如一些道路信息叠加?

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

更新:对于第一种情况,创建了简单的 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>
Run Code Online (Sandbox Code Playgroud)

geo*_*zip 4

StreetView 不支持折线。

来自街景文档

街景视图中的叠加

目前,街景全景图支持的叠加类型仅限于标记、InfoWindows 和自定义 OverlayView。

  • 谢谢。这是我完全没有注意到的文档中的一条信息。 (2认同)