javascript、google map APIともにあまり詳しくありません。教えてください。
javascriptで google map API を扱う際に、Google Maps API Samples(例えばmap-simple.html)の通りに<body></body>に <div id="map_canvas" style="width:100%; height:80%"></div>を書き込み、次行に<form name='form1' action='#' method="post"></form>タグの間に<button></button>でボタンオブジェクトを記述とします。
これでエラーなくマップも描画し、ボタンも作成されますが、ボタンを押すごとに(クリックでも同じです)マップがリフレッシュされます。<form>タグを削除すればリフレッシュはしなくなるのですが、今度は<button>のonfocusイベントが発生しなくなります。<form>タグをこのままにしてマップリフレッシュを避ける方法をご存じの方はいらっしゃいませんでしょうか。よろしくお願いします。またこのリフレッシュの理由をお教え願います。