Google Maps v3 Рисование круга с использованием формулы haversine и полилинии - PullRequest
Новая
       42

Google Maps v3 Рисование круга с использованием формулы haversine и полилинии

0 голосов
/ 19 июля 2011

Я рисую круг на карте, используя формулу haversine и google.maps.Polyline. В моем коде есть ошибка, из-за которой круг рисуется с линией, проходящей через него. Что за ошибка вызывает это и как я могу ее исправить? (Мне нужно нарисовать мой круг с помощью полилинии, чтобы я мог использовать точки круга, чтобы определить, находятся ли указанные местоположения внутри круга. Поэтому я не использую google.maps.Circle)

см. Код ниже: 

var address=document.getElementById("address").value;
var radius=document.getElementById("radius").value;
var latitude=40;
var longitude=0;
geocoder.geocode( { 'address': address}, function(results, status){
if (status==google.maps.GeocoderStatus.OK){
latlng=(results[0].geometry.location);
latitude=latlng.lat();
longitude=latlng.lng();
}   

else{
    alert("Geocode was not successful for the following reason: " + status);
}
});





//Degrees to radians 
  var d2r = Math.PI / 180;

  //  Radians to degrees
 var r2d = 180 / Math.PI;

 // Earth radius is 3,963 miles
 var cLat = (radius / 3963) * r2d;

 var cLng = cLat / Math.cos(latitude * d2r);


  //Store points in array 
  var points = [];
alert("declare array");

  var bounds= new google.maps.LatLngBounds();

  // Calculate the points
  // Work around 360 points on circle
  for (var i=0; i < 360; i++) {

  var theta = Math.PI * (i/16);

  // Calculate next X point 
  circleY = longitude + (cLng * Math.cos(theta));            
   // Calculate next Y point 
  circleX = latitude + (cLat * Math.sin(theta));
    // Add point to array 
    var aPoint=new google.maps.LatLng(circleX, circleY);
    points.push(aPoint);
    bounds.extend(aPoint);

 }
 points.push(points[0]);//to complete circle

var colors=["#CD0000","#2E6444","#003F87" ];

var Polyline_Path = new google.maps.Polyline({
path: points,
strokeColor: colors[count],
// color of the outline of the polygon
strokeOpacity: 1,
// between 0.0 and 1.0
strokeWeight: 1,
// The stroke width in pixels
fillColor: colors[count],
fillOpacity: 0
});
Polyline_Path.setMap(map);

Ответы [ 2 ]

1 голос
/ 06 сентября 2011

Ответ выше верен, но вы говорите, что не можете использовать кружок из API, потому что хотите сделать точку в проверке многоугольника. Вы должны использовать класс Circle и выполнить проверку расстояния, чтобы узнать, находится ли точка в окружности. Вы можете использовать свою реализацию расстояния или использовать API (google.maps.geometry.spherical.computeDistanceBetween).

1 голос
/ 20 июля 2011

Ваше значение для тета в цикле должно быть от 0 до 2 * PI, чтобы создать целый круг.Ваша стоимость будет от 0 до 22,5 * PI.Это означает, что вы обойдете круг по кругу 10,25 раза и в конечном итоге проведете линию от четверти круга по кругу к точке, с которой вы начали: это линия, о которой вы говорите.1003 *

var theta = Math.PI * (i / 180);

Хотя вы также можете сократить количество точек: 360 сегментов - это много для кругаЯ обнаружил, что 32 обычно более чем достаточно.

...