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)
| 归档时间: |
|
| 查看次数: |
3310 次 |
| 最近记录: |