Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to calculate center of bounds without GoogleMaps?

I have the following bounds:

var bounds = {
    southwest: {lat: 54.69726685890506, lng: -2.7379201682812226},
    northeast: {lat: 55.38942944437183, lng: -1.2456105979687226}
};

By using google maps API I could calculate canter of the bounds above like the following:

// returns (55.04334815163844, -1.9917653831249726)
(new google.maps.LatLngBounds(bounds.southeast, bounds.northeast)).getCenter();

How could calculate center of bounds without using google.maps.LatLngBounds.getCenter but Math?

I need to write "magic" function that returns the same center lat, lng like google.maps.LatLngBounds.getCenter:

function getBoundsCenter(bounds) {
    // need to calculate and return center of passed bounds;    
}

var center = getBoundsCenter(bounds); // center should be (55.04334815163844, -1.9917653831249726) 
like image 730
Erik Avatar asked Mar 28 '15 21:03

Erik


1 Answers

var bounds = {
    southwest: {lat: 54.69726685890506, lng: -2.7379201682812226},
    northeast: {lat: 55.38942944437183, lng: -1.2456105979687226}
};

center lat = (southwest.lat + northeast.lat)/2 = 55.043348151638
center lng = (southwest.lng + northeast.lng)/2 = -1.991765383125

If you need to handle crossing the International Date Line:

If the difference between the two longitudes is greater than 180 degrees, shift the range from -180 to +180 to 0 to 360 by adding 360 to each number modulo 360:

  if ((bounds.southwest.lng - bounds.northeast.lng > 180) || 
      (bounds.northeast.lng - bounds.southwest.lng > 180))
  {
    bounds.southwest.lng += 360;
    bounds.southwest.lng %= 360;
    bounds.northeast.lng += 360;
    bounds.northeast.lng %= 360;
  }

proof of concept fiddle (displays the result on a Google Maps Javascript API v3 map, but doesn't require the API)

code snippet::

console.log("original bounds in question");
var bounds = {
  southwest: {
    lat: 54.69726685890506,
    lng: -2.7379201682812226
  },
  northeast: {
    lat: 55.38942944437183,
    lng: -1.2456105979687226
  }
};

if ((bounds.southwest.lng - bounds.northeast.lng > 180) || (bounds.northeast.lng - bounds.southwest.lng > 180)) {
  bounds.southwest.lng += 360;
  bounds.southwest.lng %= 360;
  bounds.northeast.lng += 360;
  bounds.northeast.lng %= 360;
}
var center_lat = (bounds.southwest.lat + bounds.northeast.lat) / 2; // = 55.043348151638
console.log("center_lat=" + center_lat);
var center_lng = (bounds.southwest.lng + bounds.northeast.lng) / 2; // = -1.991765383125
console.log("center_lng=" + center_lng);

console.log("bounds in crossing International Date Line");
var bounds = {
  southwest: {
    lat: 54.69726685890506,
    lng: -182.7379201682812226
  },
  northeast: {
    lat: 55.38942944437183,
    lng: 181.2456105979687226
  }
};

if ((bounds.southwest.lng - bounds.northeast.lng > 180) || (bounds.northeast.lng - bounds.southwest.lng > 180)) {
  bounds.southwest.lng += 360;
  bounds.southwest.lng %= 360;
  bounds.northeast.lng += 360;
  bounds.northeast.lng %= 360;
}
var center_lat = (bounds.southwest.lat + bounds.northeast.lat) / 2; // = 55.043348151638
console.log("center_lat=" + center_lat);
var center_lng = (bounds.southwest.lng + bounds.northeast.lng) / 2; // = -1.991765383125
console.log("center_lng=" + center_lng);
like image 196
geocodezip Avatar answered Sep 21 '22 22:09

geocodezip