リッチマーカーのサイズをズームで変更することはできますか？

Question

私はこのような何かを持ってズームしながら、私は今、私は、マーカーのサイズのサイズを変更したい場合は、Googleマップのためのライブラリ豊富なマーカーを使用していますが、私はBGの色を変更すると、それをテストしたが、動作しないようです。

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); 
     } 

また、これは動作しません、私の目のオプションである：

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

と、これは場所の配列です：

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'}], 

とここで私SE

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

が迅速に!:

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'}); 
    } 

質問を開くための自分が申し訳ありませんソリューションを手に入れた：forループ内のマーカートン