gmap: set center and zoomlevel automatically (closes #2144255)
Instead of hardcoding the default zoomlevel and setting the center to
the average of all markers, let gmap compute them so all markers fit in
the map.
/**
* :organization: Logilab
* :copyright: 2003-2010 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
* :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
*/
Widgets.GMapWidget = defclass('GMapWidget', null, {
__init__: function(wdgnode) {
// Assume we have imported google maps JS
if (GBrowserIsCompatible()) {
var uselabelstr = wdgnode.getAttribute('cubicweb:uselabel');
var uselabel = true;
if (uselabelstr) {
if (uselabelstr == 'True') {
uselabel = true;
}
else {
uselabel = false;
}
}
var map = new GMap2(wdgnode);
map.addControl(new GSmallMapControl());
var jsonurl = wdgnode.getAttribute('cubicweb:loadurl');
var self = this; // bind this to a local variable
jQuery.getJSON(jsonurl, function(geodata) {
var zoomLevel;
var center;
var latlngbounds = new GLatLngBounds( );
for (var i = 0; i < geodata.markers.length; i++) {
var marker = geodata.markers[i];
var latlng = new GLatLng(marker.latitude, marker.longitude);
latlngbounds.extend( latlng );
}
if (geodata.zoomlevel) {
zoomLevel = geodata.zoomlevel;
} else {
zoomLevel = map.getBoundsZoomLevel( latlngbounds ) - 1;
if (geodata.center) {
center = new GLatng(geodata.center.latitude, geodata.center.longitude);
} else {
center = latlngbounds.getCenter();
}
map.setCenter(center, zoomLevel);
}
for (var i = 0; i < geodata.markers.length; i++) {
var marker = geodata.markers[i];
self.createMarker(map, marker, i + 1, uselabel);
}
});
jQuery(wdgnode).after(this.legendBox);
} else { // incompatible browser
jQuery.unload(GUnload);
}
},
createMarker: function(map, marker, i, uselabel) {
var point = new GLatLng(marker.latitude, marker.longitude);
var icon = new GIcon();
icon.image = marker.icon[0];
icon.iconSize = new GSize(marker.icon[1][0], marker.icon[1][1]);
icon.iconAnchor = new GPoint(marker.icon[2][0], marker.icon[2][1]);
if (marker.icon[3]) {
icon.shadow4 = marker.icon[3];
}
if (typeof LabeledMarker == "undefined") {
var gmarker = new GMarker(point, {
icon: icon,
title: marker.title
});
} else {
var gmarker = new LabeledMarker(point, {
icon: icon,
title: marker.title,
labelText: uselabel ? '<strong>' + i + '</strong>': '',
labelOffset: new GSize(2, - 32)
});
}
map.addOverlay(gmarker);
GEvent.addListener(gmarker, 'click', function() {
jQuery.post(marker.bubbleUrl, function(data) {
map.openInfoWindowHtml(point, data);
});
});
}
});