- 締切済み
GoogleMapsAPIが表示されません
以下は、GoogleMapsAPIを表示させる部分のみを抜き取ったコードです。 これに併せてGoogleMapsDiretionsサービスを使った経路検索も設置してあります。そちらの経路選択は表示されるのですが、GoogleMapsAPIだけが表示されない現状です。 ・変数名の整合性 ・APIキー（v3は必要なし？） の2点は確認しました。 どうかアドバイスをお願い致します。 ------------↓コード部分↓（test.php）------------ <?php /*----------------------------------------------------------------------------- 概要 : : 作成者 : 作成日 : 更新履歴 : -----------------------------------------------------------------------------*/ // HTTPヘッダーで文字コードを指定 header("Content-Type:text/html; charset=UTF-8"); //--------処理部--------- //検索用クッキー削除 if(isset($_COOKIE["CoSrch"])){ setcookie("CoSrch", "", time() - 3600); } //--------処理部ここまで--------- ?> <!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="ja" lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> <title>設置サンプル</title> <link rel="stylesheet" type="text/css" href="css/gmapv3.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> $(function(){ var renderFLG=false; var directionsDisplay; var directionsService=new google.maps.DirectionsService(); var map,mode; var currentDirections=null; var startSpot="東京駅"; var endSpot="六本木ヒルズ"; initialize(); /* 地図初期化 */ function initialize() { var myOptions={ zoom:14, center: new google.maps.LatLng(35.670236,139.749832),//虎の門 mapTypeId: google.maps.MapTypeId.ROADMAP } /* 地図オブジェクト生成 */ map=new google.maps.Map(document.getElementById("map"), myOptions); if(!renderFLG) render(); calcRoute(startSpot,endSpot); } } </script> <style> #map { float:left; width:70%; height:100%; } #side { float:right; width:30%; height:100%; } #side .inner { padding:10px; overflow:auto; } </style> </head> <body> <h1>設置サンプル</h2> <p>「東京駅」から「六本木ヒルズ」までルートを検索し、右カラムにルート検索結果を表示します。 出発地点A・到着地点Bのマーカーをドラッグすると、それぞれの地点を変更されます。右カラムにあるボタンでルートの表示・非表示、プルダウンでトラベルモード（自動車、自転車、電車、徒歩）を切り替えられます。</p> <div id="map"><!-- 地図の埋め込み表示 --></div> <br clear="all" /> </body> </html>
- takigashira
- お礼率55% (15/27)
- JavaScript
- 回答数2
- ありがとう数14
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
シンタックスエラーはNo1様の指摘の通りです。 （コピペのミスかもしれませんが、「(」が閉じていない） あとは想像ですが、ご提示のままだとすると <div id="map"><!-- 地図の埋め込み表示 --></div> は高さがなくなるので見えないため、表示されていないように感じるのではないでしょうか？ 例えば、高さを500pxのように指定してあげれば、見えるようになるかと思います。 あるいは、上位要素にもheigth:100%; を指定してあげるとか。
- kosukejlampnet
- ベストアンサー率44% (126/282)
エラー: SyntaxError: missing ) after argument list 行: 38 ただのシンタックスエラーですけど・・・。
