Javascript 使用GoogleMapsAPI，如何在当前缩放级别上用所有可见标记填充html表

我有一个空的html表格和一个谷歌地图，上面有一些标记。所有标记都存储在一个数组中。 当用户放大地图时，标记位置应填充空表。 那么，我将如何实现这一目标

位置
函数LoadGoogleMAP（）{
var mapProp={
缩放：4，
中心：myLatLng，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（'MapRender'），mapProp）；
var marker=new google.maps.marker({
位置：新google.maps.LatLng（23.592360,76.733660），
地图：地图，
优化：错，
标题：“地点1”
})
var marker1=新的google.maps.Marker({
位置：新google.maps.LatLng（22.174507,88.777137），
地图：地图，
优化：错，
标题：“地点2”
})
}
google.maps.event.addDomListener（窗口'load'，LoadGoogleMAP）；

您能否在JSFIDLE或codepen上共享演示，因为提供的信息可能导致不同的解决方法。@AbhishekKumar是的，当然…@AbhishekKumar我已经添加了代码。请参阅。您是否尝试过提供的“缩放更改”事件。我认为可以使用该事件访问缩放并执行指定的工作。我想你已经试过了，然后放大你想显示的标记位置，因为有很多标记。我们需要为标记创建一个数组吗。如果是，在映射缩放后选择显示哪一个？请参阅：

google.maps.event.addListener（映射“zoom_changed”，函数（）{zoomLevel=map.getZoom（）；//您的逻辑}）
        <div id="MapRender"></div>


            <table>
                <thead>
                    <tr>
                        <th>Location</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td></td>
                    </tr>
                </tbody>
            </table>


    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxx"></script>  

    <script type="text/javascript">
    function LoadGoogleMAP() {

        var mapProp = {
            zoom: 4,
            center: myLatLng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById('MapRender'), mapProp);

        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(23.592360,76.733660),
            map: map,
            optimized: false,
            title: 'Place1'
        })

        var marker1 = new google.maps.Marker({
            position: new google.maps.LatLng(22.174507, 88.777137),
            map: map,
            optimized: false,
            title: 'Place2'
        })
    }
    google.maps.event.addDomListener(window, 'load', LoadGoogleMAP);

</script>