接boss通知，要做個google maps 的api。查了半天資料才做完。記錄下來。
<html>
<head>
<title>test api</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="Master_css/MainText.css" rel="stylesheet" type="text/css">
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAJD2Snk25Y9uAaQTw7Kcw5hRVONFdgXKkercVFY95QYcMiLDUeRSjVyzAndJy9DVVirA4zWs0k45ArA"
type="text/javascript"></script>
</head>
<body onUnload="GUnload()" onResize="javascript:location.reload();" background="../Master_Images/sp.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad=";P7_autoHide('Auberge','Boat','Cabopino','CaimanIslands','CampoReal','CasaVelhadoPalheiro','CasteldeBellvigne','CotswoldHouse','ElLagos','Experience','Hacienda','LaPerla','LinthwaiteHouse','Members','MontTremblant','MontedeCasel','Morocco','Palheiro','SaBassaRotja','T5','VillarsGryon','abouts','uk') ">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="0" align="center" valign="middle">
<table width="929" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="0" valign="bottom"><div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="54%" valign="bottom"> </td>
<td width="46%"><div align="right"></div></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td height="0"> <table width="929" border="0" cellpadding="0" cellspacing="0" background="../Master_Images/Destinations_Back.gif">
<tr>
<td width="269" height="385" valign="top"> <table width="269" height="384" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="269" height="50"><img src="../Master_Images/Destinations_Head.gif" alt="Dhead" width="269" height="50"></td>
</tr>
<tr>
<td height="0" align="left" valign="top"><div align="center">
<table width="226" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1"> </td>
<td width="225"> </td>
</tr>
<tr>
<td> </td>
<td><font color="#CCCCCC" size="2" face="Verdana, Arial, Helvetica, sans-serif">Where
are you inderested in going to?</font></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><form name="my_form">
<select class=d name=qty1 size=1 onChange="hmm(selectedIndex)">
<option selected value="0">Select A Region
</option>
<option value="1">Europe</option>
<option value="2">world</option>
</select>
</form>
</td>
</tr>
</table>
</p>
<div align="left"></div>
<table width="226" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" valign="top"> </td>
<td width="225"><font color="#CCCCCC" size="2" face="Verdana, Arial, Helvetica, sans-serif">What
type of holiday do you want? </font></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><form name="my_form2">
<select class=d name=select size=1 onChange="hss(selectedIndex)">
<option selected value="0">All </option>
<option value="1">Villas & Apartments</option>
<option value="2">Hotel</option>
<option value="2">Specialist Holidays</option>
<option value="2">In Development</option>
</select>
</form></td>
</tr>
</table>
<p>
</p>
<p> </p>
</div></td>
</tr>
<tr>
<td height="0" valign="middle"> </td>
</tr>
</table></td>
<td width="660" height="0" align="center" valign="middle"> <div align="center">
<div id="map" style="width: 630px; height: 370px"></div>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="0" valign="top"><img src="../Master_Images/Footer.gif" width="929" height="4"></td>
</tr>
<tr>
<td height="0"> <img src="../Master_Images/sp.gif" width="6" height="19"></td>
</tr>
<tr>
<td height="30"><div align="center">
<p class="MasterTextFoRFoorty"> </p>
</div></td>
</tr>
</table>
</td>
</tr>
</table>
<noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b>
However, it seems JavaScript is either disabled or not supported by your browser.
To view Google Maps, enable JavaScript by changing your browser options, and then
try again.
</noscript>
<script type="text/javascript">
//<
