【发布时间】: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>
【问题讨论】:
-
请提供一个Minimal, Complete, Tested and Readable example 来证明这个问题。
标签: javascript google-maps google-maps-api-3 three.js google-street-view