[GIS] How to get the coordinates from a drag event in the Google Maps API V3

google mapsgoogle-maps-apijavascriptmaps

I have made a Google Version 3 Geocoder , I want to be able to pick up the coordinates of the route when it is dragged. I know how to pick up the coordinates giving the start and end points, but, after change the route, I don't know how to do!

Best Answer

I did this, and it works!

var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);
...
google.maps.event.addListener(directionsDisplay, 'directions_changed',         
    function() {
                your code here
    }
);

Related Solutions

[GIS] reset “latlng” coordinates on Google Maps

It is actually possible to place your top left corner at 0,0 and your bottom right at 50,50, if you want this. Of course you can place bottom right corner at 10,10, too, or whatever, within the limits: -90/+90 for latitude and -180/+180 for longitude.

The proportion should be:

/*
****************************************** 
Custom Projection - CARTESIAN
******************************************
*/

function CartesianProjection() {
    // map size at zoom 0 is equal to tile size
    this.tileSize = 256;
};

CartesianProjection.prototype.fromLatLngToPoint = function(latLng) {
    var x = (latLng.lng() / 50) * this.tileSize;
    var y = (latLng.lat() / 50) * this.tileSize;
    return new google.maps.Point(x, y);
};

CartesianProjection.prototype.fromPointToLatLng = function(point, noWrap) {
    var lng = (point.x / this.tileSize) * 50;
    var lat = (point.y / this.tileSize) * 50;
    return new google.maps.LatLng(lat, lng, noWrap);
};

Then you should place the center of the map to LatLng(25,25) in the Map options.

[GIS] Getting coordinates from click or drag event in Google Maps API

I have put together a simple function for you:

function markerCoords(markerobject){
    google.maps.event.addListener(markerobject, 'dragend', function(evt){
        infoWindow.setOptions({
            content: '<p>Marker dropped: Current Lat: ' + evt.latLng.lat().toFixed(3) + ' Current Lng: ' + evt.latLng.lng().toFixed(3) + '</p>'
        });
        infoWindow.open(map, markerobject);
    });

    google.maps.event.addListener(markerobject, 'drag', function(evt){
        console.log("marker is being dragged");
    });     
}

And insert markerCoords(marker); under the marker declaration!

Best Answer

Related Solutions

[GIS] reset “latlng” coordinates on Google Maps

[GIS] Getting coordinates from click or drag event in Google Maps API

Related Question