Кастомный виджет для гуглокарт

Вот так легко и просто можно создать свой виджет для карт


function MyWidget(map) {
	this.map = map;

	this.button = document.createElement("DIV");
	this.button.style.margin = "20px 50px";
	this.button.style.padding = "20px";
	this.button.style.backgroundColor = "#fff";
	this.button.style.fontSize = "25px";
	this.button.style.cursor = "pointer";
	this.button.appendChild(document.createTextNode("THIS IS SPARTAAA!!!"));

	this.div = document.createElement("DIV");
	this.div.appendChild(this.button);

	var marker = new google.maps.Marker({
		position: new google.maps.LatLng(37.074301, 22.432584)
	});

	google.maps.event.addDomListener(this.button, "click", function (e) {
		if (marker.getMap()) {
			marker.setMap(null);
		} else {
			marker.setMap(map);
		}
	});
}

MyWidget.prototype.getDiv = function () {
	return this.div;
};

MyWidget.prototype.remove = function () {
	this.div.removeChild(this.button);
	this.div.parentNode.removeChild(this.div);
};

google.maps.event.addDomListener(window, "load", function () {

	var map = new google.maps.Map(document.getElementById("map"), {
		zoom: 1,
		center: new google.maps.LatLng(0, 0),
		mapTypeId: google.maps.MapTypeId.HYBRID
	});

	var myControl = new MyWidget(map);
	map.controls[google.maps.ControlPosition.TOP].push(myControl.getDiv());

});