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>タグをこのままにしてマップリフレッシュを避ける方法をご存じの方はいらっしゃいませんでしょうか。よろしくお願いします。またこのリフレッシュの理由をお教え願います。
こんばんは。
<button>タグはtype属性を指定しないと<submit>タグと同じ挙動をするため、ページがリロードされてinitialize()関数が発生していると思われます。
<button>タグにtype="button"を指定するとこれを回避できます。
見当違いでしたらごめんなさい。