ansaurus

Question

Making AJAX requests when a Map is changed by the user with the Google Maps Javascript API

Answer 1

A:

hi, i think you need use an listener... in this case an event listener..

if you use v3 search on v3 reference for listeners

TiagoMartins 2010-06-19 03:03:27

Can you point me towards a list of events that I can use for the Map object? "click" is one of them, but what are the ones that relate to zooming and panning?

Maxim Zaslavsky 2010-06-19 03:34:39

i post a new answer cause i can't edit my first, i have no idea whycheck out the link, i think this is what you looking fori hope give you some help

TiagoMartins 2010-06-19 17:28:18

Answer 2

A:

this is a list of Gevents-> here

probably are not listed all

TiagoMartins 2010-06-19 17:25:08

Answer 3

+1 A:

It looks like you're looking for the idle event:

This event is fired when the map becomes idle after panning or zooming.

Example:

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>Google Maps Events</title> 
  <script src="http://maps.google.com/maps/api/js?sensor=false" 
          type="text/javascript"></script>
</head> 
<body>
  <div id="map" style="width: 500px; height: 400px;"></div>

  <script type="text/javascript">
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 10,
      center: new google.maps.LatLng(-33.92, 151.25),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    google.maps.event.addListener(map, 'idle', function() {
      var bounds = map.getBounds();

      console.log('North East: ' +
                  bounds.getNorthEast().lat() + ' ' + 
                  bounds.getNorthEast().lng());

      console.log('South West: ' +
                  bounds.getSouthWest().lat() + ' ' + 
                  bounds.getSouthWest().lng());

      // Your AJAX code in here ...
    });
  </script>
</body>
</html>

In addition, you can find the list of all events exported by the google.maps.Map object from the API Reference:

Google Maps Javascript API V3 Reference: Map Class

Daniel Vassallo 2010-06-20 05:55:42

Thanks so much! I was looking for such a reference page but didn't find the part you pointed me to.

Maxim Zaslavsky 2010-06-20 14:43:13

ansaurus

tags:

views:

answers:

Making AJAX requests when a Map is changed by the user with the Google Maps Javascript API

related questions