匿名質問者

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>タグをこのままにしてマップリフレッシュを避ける方法をご存じの方はいらっしゃいませんでしょうか。よろしくお願いします。またこのリフレッシュの理由をお教え願います。

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2014/06/19 00:45:04

ベストアンサー

匿名回答1号 No.1

スマートフォンから投稿

こんばんは。
<button>タグはtype属性を指定しないと<submit>タグと同じ挙動をするため、ページがリロードされてinitialize()関数が発生していると思われます。
<button>タグにtype="button"を指定するとこれを回避できます。
見当違いでしたらごめんなさい。

匿名質問者

ほんとうに助かりました。ありがとうございました。

2014/06/12 08:54:32
匿名回答1号

どういたしまして。よかったです。

2014/06/12 09:21:09

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません