CODEWITHSUNDEEP
google-maps-api-3google-maps-markers
Airikr
Airikr

Reputation: 6436

Update the coordinates and center map to marker

I have a Google Maps JavaScript v3 map on my website that allows me to drag the marker to get the coordinates for the given location. This works perfectly but I also want to enter the coordinates manually and then click on a link to update the marker. This works great but I can't center the map to the marker (make it to pan to the marker).

I have also added a select box with solid coordinates to quickly get to a specific location on the map. I have the same problem for this one to as for the first problem.

The problem is that when I manually enter the coordinates or choose a fixed location, the marker only moves few steps from the origin position or it doesn't move at all. When you try to grab the marker and move it you can't move it and the X is far away from the marker. After few attempts to move the marker the maps goes blank but the marker stands still.

You can see my solution and problems on jsFiddle. How can I fix my issue?

Thanks in advance.

Upvotes: 0

Views: 2740

Answers (1)

Bill Blankenship
Bill Blankenship

Reputation: 3356

 function moveMarker() {
    var lat = parseFloat(document.getElementById('marker-latitude').value);
    var lng = parseFloat(document.getElementById('marker-longitude').value);
    var newLatLng = new google.maps.LatLng(lat, lng);

    marker.setPosition(newLatLng);
    map.setCenter(newLatLng);
}

Does that work?

Upvotes: 3

Related Questions