在Google Maps Streetview上绘制折线

时间:2015-07-27 06:55:32

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

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

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

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

已更新:为第一个案例创建simple JSFiddle。正如您在切换到Streetview时所看到的那样,标记是可见的。简单折线不是。

<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>

1 个答案:

答案 0 :(得分:3)

StreetView不支持折线。

来自StreetView documentation

街景视图中的叠加层

  

目前,街景视图支持的叠加层类型   全景图仅限于Markers,InfoWindows和自定义OverlayViews。