如何改变图标从geojson与缩放使用Leaflet？

<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>

<div id="map" style="height: 400px;"></div>
<script>
    var map = L.map('map').setView([51.505, -0.09], 13);
</script>

<script>
    L.geoJSON(geojsonData).addTo(map);
</script>

<script>
    var geojsonData = {
        "type": "FeatureCollection",
        "features": [
            {
                "type": "Feature",
                "properties": {},
                "geometry": {
                    "type": "Point",
                    "coordinates": [0, 0]
                }
            },
            // 添加更多的Feature
        ]
    };

    L.geoJSON(geojsonData, {
        pointToLayer: function (feature, latlng) {
            var iconSize = map.getZoom() * 2; // 根据缩放级别计算图标大小
            var icon = L.icon({
                iconUrl: 'path/to/icon.png',
                iconSize: [iconSize, iconSize]
            });
            return L.marker(latlng, { icon: icon });
        }
    }).addTo(map);
</script>