Пример использования jQuery UI поверх Google maps. В примере я используются две библиотеки jquery-ui-personalized-1.6rc6.min.js и jquery-ui-themswitcher.js для добавления функциональности Google maps и смены тем соответственно. Библиотеки очень полезны, если есть необходимость подгонять карты под дизайн сайта. Пользуйтесь!

Основные возможности:

1. Изменение вида окна комментариев по своему усмотрению
2. Использование возможностей jQuery для содержимого комментариев
3. Смена тем
4. Произвольное добавление маркеров
5. Кроссбраузерность

Маркера в примере расставляются в произвольном характере:

var markers = [];
for (var i = 0; i < 10; i++) {
    var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
        southWest.lng() + lngSpan * Math.random());
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[i] = marker;
}

Элементы управления обрабатываются следующим кодом:

$(iconHTML("up"))
	.css({ top:'10px', left:'32px' })
	.click(function(){
		map.panDirection(0, 1);
	})
	.appendTo("#map");
	
$(iconHTML("left"))
	.css({ top:'32px', left:'10px' })
	.click(function(){
		map.panDirection(1, 0);
	})
	.appendTo("#map");
	
$(iconHTML("right"))
	.css({ top:'32px', left:'54px' })
	.click(function(){
		map.panDirection(-1, 0);
	})
	.appendTo("#map");

...
Использование jQuery UI для Google maps