google-maps - 如何通过单击地图中的某个点以编程方式放置街景小人

Question

我如何能够以编程方式将街景小人放在地图上的某个点上。我有一个地图的“点击”事件。我需要将街景小人放在点击它的坐标上。

Answer 1

如果您希望街景小人出现在地图上，您需要启用街景控制器。

如果您愿意，可以再次禁用它。

查看原始帖子的评论以获取更多信息。

Answer 2

当地图和全景容器分开并且全景与地图相关联时，街景小人可以通过应用程序放置在地图上。

例如。：

HTML

    <div id="mapContainer"></div>
    <div id="svpContainer"></div>

JavaScript

    var mapElement = document.getElementById('mapContainer');
    var svpElement = document.getElementById('svpContainer');

    var map = new google.maps.Map(mapElement, {...});

    var svp = 新的 google.maps.StreetViewPanorama(svpElement, {
       位置：{lat：svpLat，lng：svpLng}，
       可见：真实，
       ...
    });

    map.setStreetView(svp);

诀窍是，svpContainer 可以通过 CSS 隐藏为 HTML 元素

    #svpContainer {
        显示：无；
        ...
    }

或者

JavaScript

    document.svpElement.hidden=true

或其他任何东西（而不是从自身内部关闭 svp [svp 选项enableCloseButton 的功能：true ] 也不以编程方式使用 svp 选项visible:true/false）！

Svp 选项“可见”是线索。它必须是“真实的”，才能让街景小人出现在地图上。

结果，街景小人在您选择的地图上：

    svp.setPosition({lat: ...,lng: ...});

发疯 :D