Posted By

neofreko on 05/22/09

Tagged

Versions (?)

Last Edited at 05/22/09 02:35am

Statistics

Viewed 684 times

Favorited by 0 user(s)

Related snippets

How to use onOpenFn in GMap

/ Published in: JavaScript

use http://code.google.com/apis/ajax/playground/?exp=maps#map_markers to play with this code

Highlighted TextExpand

function initialize() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(37.4419, -122.1419), 13);

// Add 10 markers to the map at random locations
    var bounds = map.getBounds();
    var southWest = bounds.getSouthWest();
    var northEast = bounds.getNorthEast();
    var lngSpan = northEast.lng() - southWest.lng();
    var latSpan = northEast.lat() - southWest.lat();
    for (var i = 0; i < 10; i++) {
      var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
                              southWest.lng() + lngSpan * Math.random());
      var marker = new GMarker(point);
      map.addOverlay(marker);

GEvent.addListener(marker, "click", function() {
           var openFnCallback = function() {alert('hello');};
           // remember! not marker, we can only use map for onOpenFn/onCloseFn
           map.openInfoWindowHtml(point, 'hello ' + point,{onOpenFn: openFnCallback});
      });        
    }
  }
}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.