Q&A
ホームページでgooglemapの埋め込みをしようとしているんですが、
以下のようなjavascriptを外部ファイルで記述するとエラーが出ます。
function initialize(){
...
}
chromeのコンソールで確認すると最初と最後になぜかスクリプトタグが記述されいて、
一行目の'<'でエラーがでてしまいます。
サーバーはロリポップを使用しています。
ちなみに同じscriptをHTMLのhead内に記述しonloadするとgooglemapはエラーなく表示されます。
なぜでしょうか？
回答1件
0
ベストアンサー
chromeのコンソールで確認すると最初と最後になぜかスクリプトタグが記述されいて
多分<script src="http://maps.google.com/maps/api/js?sensor=false"></script>を読み込んだときに追加されるやつです
一行目の'<'でエラーがでてしまいます。
エスパーではないのでどんなエラーが書いていただけるとありがたいです。
まぁjsのエラーなんて、大抵は読み込みや実行のタイミングか、スペルミスか、セミコロンのつけ忘れくらいですね。
案１（mapA.js）：<body>のonloadをjsに記述する 案２（mapB.js）：スクリプトを読み込むタイミングを</body>`の直前にする
lang
1<head> 2 (略) 3 <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 4 <script type="text/javascript" src="jquery.min.js" charset="utf-8"></script> 5 <script type="text/javascript" src="mapA.js" charset="utf-8"></script> 6</head> 7<body> 8 <!-- <body onload="">をjsで行う --> 9 <div id="map_canvas"><!-- CSSでheight、widthの指定 --></div> 10 <!-- <script type="text/javascript" src="mapB.js" charset="utf-8"></script> --> 11</body>
１.mapA.js(外部ファイル:jQuery)
lang
1$(document).ready(function(){ 2 //HTMLファイルの読み込み完了時に実行される 3 function initialize(){/* 処理 */} 4});
$(document).ready(function(){});は$(function(){});と書いても差はありません。
２.mapB.js(外部ファイル:jQueryを使わない)
lang
1//先頭に持ってくる 2function initialize(){ 3 /* 処理 */ 4} 5initialize();
投稿2015/01/11 20:26
総合スコア507
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。