googlemap api v3 についてです。


下記のコードで★印の行を有効にするとマップが表示されなくなってしまいます。

理由と対策方法を教えて下さい。

やりたいことは「フォームに既に数値が入っている場合はその通りに表示したい」です。

よろしくお願いします。

(文字数制限で拒否されたのでコードはコメント欄に記載します)

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/10/20 19:03:38
  • 終了:2013/10/21 01:51:55

ベストアンサー

id:psne No.1

ぽけっとしすてむ回答回数495ベストアンサー獲得回数2712013/10/20 19:26:03

ポイント100pt
if(document.getElementById("zoom").value){zoom = parseInt(document.getElementById("zoom").value ,10); }

数値に変換してみましょう

----
※引数を付けたり、少し手直しをしました。
parseInt - JavaScript | MDN

id:worldtravel

ありがとうございました。
おかげさまで解決しました。

2013/10/29 12:01:29
  • id:worldtravel
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="http://maps.google.co.jp/maps/api/js?sensor=true"></script>
    <script type="text/javascript">
    var map;
    var lat = 36.00001;
    var lng = 140.00001;
    var zoom = 10;
    window.onload = function(){
    if(document.getElementById("lat").value){ lat = document.getElementById("lat").value; }
    if(document.getElementById("lng").value){ lng = document.getElementById("lng").value; }
    // ★ if(document.getElementById("zoom").value){ zoom = document.getElementById("zoom").value; }
    var myOptions = {
    zoom: zoom,
    center: new google.maps.LatLng(lat, lng),
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map"), myOptions);
    };
    </script>
    </head>
    <body>
    <div id="map" style="width:800px;height:400px;margin:0 0 5px 0;"></div>
    <form>
    <input type="hidden" name="lat" id="lat" value="36.00005" />
    <input type="hidden" name="lng" id="lng" value="140.00005" />
    <input type="hidden" name="zoom" id="zoom" value="14" />
    </form>
    </div>
    </body>
    </html>

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません