【问题标题】:Drawing polylines on Google Maps Streetview在谷歌地图街景上绘制折线
【发布时间】:2015-10-17 06:13:40
【问题描述】:

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

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

有点不同的主题(尽管相关)-我在上下文中尝试的第二件事是使用 THREE.js 画布和街景上方的线条,使用街景全景位置/POV-在那里我遇到了更奇怪的问题-确实无论如何都无法设置 PerspectiveCamera 设置以将街景图像与我的绘制对象相匹配。在一级缩放中使用从 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>

【问题讨论】:

标签: javascript google-maps google-maps-api-3 three.js google-street-view


【解决方案1】:

街景不支持折线。

来自StreetView documentation

街景中的叠加层

目前,街景支持的叠加层类型 全景图仅限于标记、信息窗口和自定义叠加视图。

【讨论】:

  • 谢谢。这是我完全没有注意到的文档中的一条信息。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-05-14
  • 1970-01-01
  • 1970-01-01
  • 2018-03-06
  • 2013-07-02
  • 2023-04-06
  • 2014-03-19
相关资源
最近更新 更多