CenterAndZoom on click
Hello All,
I am trying to have a center and zoom action when I do a click on an
item in a sidebar, here is what I have so far:
// Create the marker and corresponding information window
function createInfoMarker(point, html, number, icon) {
var marker = new GMarker(point,icon);
GEvent.addListener(marker, "click",
function() {
marker.openInfoWindowHtml(html);
map.centerAndZoom( point, 4);
}
);
GEvent.addListener(marker, "infowindowopen",
function() {
var elly = document.getElementById( 'SideLink' + number );
elly.className = 'Active';
}
);
GEvent.addListener(marker, "infowindowclose",
function() {
var elly = document.getElementById( 'SideLink' + number );
elly.className = 'Standard';
}
);
return marker;
}
function highlight(number) {
GEvent.trigger( markers[number], "click" );
}
var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.centerAndZoom(new GPoint(-95.956294, 41.266197), 14);
var markers = new Object;
var points = new Object;
// Cleveland
points[1] = new GPoint(-81.656917, 41.397693);
html = "<img src=\"/cleveland.jpg\" border=\"0\"/>"
markers[1] = createInfoMarker(points[1], html, 1);
map.addOverlay(markers[1]);
0 Comments:
Yorum Gönder
<< Home