javascript - Google マップは半径検索の周りに円を描きます

Question

近くの検索を実行している半径のサイズの円を描いています。

  // Point where to search  
  var searchArea = new google.maps.LatLng(25.435833800555567, -80.44189453125);

  // Draw a circle around the radius
  var circle = new google.maps.Circle({
    center: searchArea,
    radius: parseFloat(document.getElementById("distance").value) * 1609.3, //convert miles to meters
    strokeColor: "#0000FF",
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: "#0000FF",
    fillOpacity: 0.4
   });          
   circle.setMap(map);  

   // Perform search over radius
   var request = {
        location: searchArea,
        radius: parseFloat(document.getElementById("distance").value) * 1609.3, //convert miles to meters
        keyword: "coffee",
        rankBy: google.maps.places.RankBy.PROMINENCE
      };
      service.nearbySearch(request, callback);         
    }

次に、マーカーをプロットします。これは問題なく機能しますが、場合によっては、円の外側にマーカーが表示され、半径と同じサイズではない可能性があると思われます。

これは、私が言いたいことの非常に良い例です。

http://jsfiddle.net/hnPRh/2/

マーカーが円の外側にどのように表示されるかに注意してください。なぜこうなった？