指定座標が表示範囲内かどうか調べる

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAasAJryKxWJnBFVJa487d9hTHGAxTVT7IRADYa-JdYz7xQ8IQZBSthgDZdggYpQHsmm6WYtHstQFfLA" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 500px; height: 400px"></div>
<script type="text/javascript">
//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(140, 25), 13);

function newPoint(x,y)
{
data = map.getBoundsLatLng();
if ((x < data.minX) || (y < data.minY) || (x > data.maxX) || (y > data.maxY))
{
document.getElementById("result").value = "表示範囲を超えています";
}else{
document.getElementById("result").value = "表示範囲内です";
}
map.recenterOrPanToLatLng(new GPoint(x,y));
}
//]]>
</script>
<form>
<input type="button" value="(135,30)に移動" onClick="newPoint(135,30)" />
<input type="button" value="(10,30)に移動" onClick="newPoint(10,30)" />
<input type="text" value="" id="result" size="30" />
</form>
</body>
</html>
・サンプルを実行する
Ajax逆引きクイックリファレンス　説明などは本書を参考にしてください。