Question

我正在使用json数组中的数据创建一个谷歌地图，其中包含多个不同位置的lat和lang。地图已成功创建。现在我想在鼠标悬停的每个标记上显示自定义弹出窗口（带有动态信息的div）。我试过下面的代码，但鼠标悬停时x，y位置返回不正确。它们在不同的标记悬停上显示相同的位置

protected function create(array $data)
    {
        return User::create([
            'username' => $data['username'],
            'email' => $data['email'],
            'password' => bcrypt($data['password']),
        ]);
    }

Answer 1

我相信您应该在循环中使用IIFE为不同的标记获取不同的x，y值

(function(marker, overlay) {
    google.maps.event.addListener(marker, 'click', function (e) {
        var point = overlay.getProjection().fromLatLngToContainerPixel(marker.getPosition()); 
        console.log(point);
    });
    google.maps.event.addListener(marker, 'mouseover', function (e) {
        var point = overlay.getProjection().fromLatLngToContainerPixel(marker.getPosition()); 
        console.log(point);
    });
})(marker, overlay);

希望这有帮助！

标记鼠标悬停谷歌地图上的自定义div

1 个答案: