googlemap开发总结（googlemap apiv3 inforwindow样式的自定义）

在开发google地图应用时，发现google地图自带的inforwindow样式不是很美观，想自己重新定义一个，google了一下找了一个现有的，替换上样式还挺好。

调用代码如下

function initialize() {
	var secheltLoc = new google.maps.LatLng(49.47216, -123.76307);
	var myMapOptions = {
	zoom: 15
	,center: secheltLoc
	,mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var theMap = new google.maps.Map(document.getElementById("map_canvas"), myMapOptions);
	var marker = new google.maps.Marker({
	map: theMap,
	draggable: true,
	position: new google.maps.LatLng(49.47216, -123.76307),
	visible: true
	});
	var boxText = document.createElement("div");
	boxText.style.cssText = "border: 1px solid black; margin-top: 8px; background: yellow; padding: 5px;";
	boxText.innerHTML = "City Hall, Sechelt<br>British Columbia<br>Canada";
	var myOptions = {
	content: boxText
	,disableAutoPan: false
	,maxWidth: 0
	,pixelOffset: new google.maps.Size(-140, 0)
	,zIndex: null
	,boxStyle: {
	background: "url('tipbox.gif') no-repeat"
	,opacity: 0.75
	,width: "280px"
	}
	,closeBoxMargin: "10px 2px 2px 2px"
	,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif"
	,infoBoxClearance: new google.maps.Size(1, 1)
	,isHidden: false
	,pane: "floatPane"
	,enableEventPropagation: false
	};
	google.maps.event.addListener(marker, "click", function (e) {
	ib.open(theMap, this);
	});
	var ib = new InfoBox(myOptions);
	ib.open(theMap, marker);
	}

这是原型的网址。

http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.9/examples/infobox-basic.html