利用GControl和GLayer对象在地图上显示panoramio图片

var gmap=null,photoLayer=new GLayer("com.panoramio.all");
 
function init(){
	 if (GBrowserIsCompatible()) {
            gmap = new GMap2(document.getElementById("gmap"));
            gmap.setCenter(new GLatLng(36.105,120.34), 12);
            gmap.setUI(gmap.getDefaultUI());
            gmap.enableScrollWheelZoom();
 
			gmap.addControl(new photoControl());
       }
}
function photoControl() {};
photoControl.prototype = new GControl();
photoControl.prototype.initialize = function(gmap){
	var buttonDiv = document.createElement("div");
	buttonDiv.id = "photoLayer";
	var inputDiv=document.createElement("input");
	inputDiv.type="checkbox";
	inputDiv.id="photoCheckBox"
	inputDiv.onclick=function(){
		addPhotoLayer(this.checked)
	}
	buttonDiv.appendChild(inputDiv);
	var labelFor=document.createElement("label");
	labelFor.setAttribute("for","photoCheckBox");
	labelFor.appendChild(document.createTextNode("看图"));
	buttonDiv.appendChild(labelFor);
	gmap.getContainer().appendChild(buttonDiv);
	return buttonDiv;
};
 
photoControl.prototype.getDefaultPosition = function(){
	return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(530, 7));
};
function addPhotoLayer(checked){
		if (checked) {
			gmap.addOverlay(photoLayer);
		}
		else {
			gmap.removeOverlay(photoLayer);
		}
	}