Javascript 谷歌地图上有一个街景鼠标

我想问一下，是否有可能/现实地使用谷歌地图，然后用鼠标在另一个框中显示谷歌街景

我有一个使用标准语法创建的Long/Lat的谷歌地图：

        var mymap = new google.maps.Map(document.getElementById('divContainer'), {
            zoom: 17,
            center: new google.maps.LatLng(-37, 144),
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            fullscreenControl: true,
            streetViewControl: false
        });

---

然后，使用地图，用户可以在地图上运行鼠标，并查看街景，如果一个框/div跟随鼠标左右，或坐在旁边等。

这是一个有趣的用例。我认为这是可能的

可以使用-作为第一个参数，传递一个HTML元素，该元素将作为街景的容器，第二个参数是options（）

然后，我们需要在鼠标位于地图上方时捕获

mousemove

事件，获取光标的位置，并使用

setPosition（）

方法更新位置。如果要在更新位置时以某种方式旋转视点，可以使用

setPov（）

方法（请参见StreetViewPanorama类）

您可以使用另一个代码来移动小街景窗口（pano），但我留给您：）

让我们看一下以下示例：

函数初始化（）{
var fenway={
纬度：42.345573，
液化天然气：-71.098326
};
var map=new google.maps.map（document.getElementById（'map'）{
中心：芬威，
缩放：14
});
var panorama=新建google.maps.StreetViewPanorama(
document.getElementById（'pano'）{
位置：芬威，
pov：{
标题：34，
投球：10
}
});
地图设置树视图（全景）；
google.maps.event.addListener（映射，'mousemove'，函数（e）{
全景设置位置（如板条）；
});
}

html，
身体{
身高：100%；
保证金：0；
填充：0；
}
#地图，
#帕诺{
浮动：左；
身高：100%；
宽度：45%；
}
.作为控制台包装{
显示：无！重要；
}