Google Maps Api v3 – find nearest markers

by

First you have to add the eventlistener

google.maps.event.addListener(map, 'click', find_closest_marker);

Then create a function that loops through the array of markers and uses the haversine formula to calculate the distance of each marker from the click.

function rad(x) {return x*Math.PI/180;}
function find_closest_marker( event ) {
    var lat = event.latLng.lat();
    var lng = event.latLng.lng();
    var R = 6371; // radius of earth in km
    var distances = [];
    var closest = -1;
    for( i=0;i<map.markers.length; i++ ) {
        var mlat = map.markers[i].position.lat();
        var mlng = map.markers[i].position.lng();
        var dLat  = rad(mlat - lat);
        var dLong = rad(mlng - lng);
        var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
            Math.cos(rad(lat)) * Math.cos(rad(lat)) * Math.sin(dLong/2) * Math.sin(dLong/2);
        var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
        var d = R * c;
        distances[i] = d;
        if ( closest == -1 || d < distances[closest] ) {
            closest = i;
        }
    }

    alert(map.markers[closest].title);
}

This keeps track of the closest markers and alerts its title.

I have my markers as an array on my map object

More Related Contents:

  1. Google Maps API: No ‘Access-Control-Allow-Origin’ header is present on the requested resource
  2. Google Maps API OVER QUERY LIMIT per second limit
  3. Google Map API – Removing Markers
  4. Google Maps API V3 Infobox.js removed
  5. ERROR: Google Maps API error: MissingKeyMapError
  6. Google Map Infowindow not showing properly
  7. Google Maps API to get bus route
  8. This API project is not authorized to use this API. Please ensure that this API is activated in the APIs Console
  9. How to get the center of a polygon in google maps v3?
  10. Google Maps V3: Draw German State Polygons?
  11. Exceed 23 waypoint per request limit on Google Directions API (Business/Work level)
  12. Google maps Marker Label with multiple characters
  13. Googlemaps API Key for Localhost
  14. How to offset the center of a Google maps (API v3) in pixels?
  15. Decoding the Google Maps embedded parameters
  16. Adding multiple markers with infowindows (Google Maps API)
  17. Google Maps API – Getting Street Coordinates
  18. Google Maps API v3 | shows no map data
  19. How do I remove default markers?
  20. Google Maps API Polygon with “Hole” In Center
  21. Google Maps Multiple markers with the exact same location Not working
  22. Google Maps API 3 fitBounds padding – ensure markers are not obscured by overlaid controls
  23. Google static maps with directions
  24. How long do the new Places API session tokens last?
  25. Do not change map center or zoom level when rendering directions
  26. Box/Rectangle Draw Selection in Google Maps
  27. Is it possible to write custom text on Google Maps API v3?
  28. GoogleMaps v3 API Create only 1 marker on click
  29. Google Maps, open info window after click on a link
  30. Google map driving direction source code for their example?

Leave a Comment