是否可以通过缩放更改Rich标记的大小？

Question

I am using the library Rich marker for google maps, now I want to resize the marker size while zooming I have something like this but i tested it with changing the bg color but is seems not to work:

locations[i][0].Smallsize  = $('.rich-marker').css({ 'width' : '5px', 'height' : '5px' });
locations[i][0].Normalsize  = $('.rich-marker').css('background-color',  'red' );

        if (map.getZoom() === 16) {
            marker.scaledSize = locations[i][0].Smallsize;
            console.log(marker.scaledSize);
        }

        if (map.getZoom() === 17) {
            marker.scaledSize = locations[i][0].Normalsize;
            console.log(marker.scaledSize);
        }

This is my second option which also doesn't work:

locations[i][0].Normalsize  = new google.maps.Size(20, 20);

and this is the array of locations:

var locations = [
    [{id: 1,  lat: 51.523903408094064, lng:  5.137792649612493,   content: 'Kids Jungalow Giraffe'}],
    [{id: 2,  lat: 51.52377991387855,  lng:  5.137905302391118,   content: 'Kids Jungalow Giraffe'}],
    [{id: 3,  lat: 51.523643068545915, lng:  5.138098421440191,   content: 'Kids Jungalow Giraffe'}],
    [{id: 4,  lat: 51.52347284572886,  lng:  5.1382003453827565,  content: 'Kids Jungalow Giraffe'}],
    [{id: 5,  lat: 51.52331931087756,  lng:  5.1383505490875905,  content: 'Kids Jungalow Giraffe'}],

and here i set the marker in a for loop:

for (i = 0; i < locations.length; i++) {
            var myLatLng = new google.maps.LatLng({lat: locations[i][0].lat, lng: locations[i][0].lng});
            var number = locations[i][0].id;

        var marker_html = '<div class="rich-marker">'+'<span class="number-id">' + number + '</span>' + '</div>';

        var marker = new RichMarker({
            position: myLatLng,
            scaledSize: new google.maps.Size(15, 15),
            draggable: true,
            map: map,
            flat: true,
            anchor: RichMarkerPosition.MIDDLE,
            content: marker_html
        });

Answer 1

Got the solution myself sorry for opening a question to quickly!:

if (map.getZoom() === 16) {
            $('.rich-marker').css({ 'width' : '5px', 'height' : '5px' });
            $('.number-id').css({ 'font-size' : '5px'});
        }

    if (map.getZoom() === 17) {
        $('.rich-marker').css({ 'width' : '16px', 'height' : '16px' });
        $('.number-id').css({ 'font-size' : '8px'});
    }

    if (map.getZoom() === 18) {
        $('.rich-marker').css({ 'width' : '20px', 'height' : '20px' });
        $('.number-id').css({ 'font-size' : '12px'});
    }