gmapプラグインの確認ページ

js

はてブで読んだ。すごいねー。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>jQueryのgmapプラグインテスト</title>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=あなたのきーーーーーー"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery","1.3");</script>
<script type="text/javascript" src="http://gmap.nurtext.de/js/jquery.gmap-1.0.0-min.js"></script>
</head>
<body>
<h1>jQuery gmapプラグイン テスト</h1>
ref:<a href="http://gmap.nurtext.de/index.html">gmap</a>
<h2>eval</h2>
<textarea name="area" id="text1" rows="10" cols="80" tabindex="0" value="$('#map').gMap();"></textarea><br/>
<input type="button" value="テキストエリアをevalする。" onclick="eval($('#text1').val()); return false;"/><br/>
<h2>下にid="map"なdivを置いています。</h2>
<div id="map" style="width:640px;height:480px;"></div>

<hr>
<p class="noindent">リンクはご自由にどうぞ。</p>
<!-- hhmts start -->
Last modified: Fri Feb  5 14:24:57 JST 2010
<!-- hhmts end -->
</body>
</html>