Twitter Bootstrap を使用してかなり単純なサイトに取り組んでいます。Google マップ プラグインの動作に問題があります。Apache を使用する localhost では、正常に動作します。サーバー上では、Apache でもそうではありません。次のエラーが表示されます。
Uncaught SyntaxError: Unexpected token <
このファイル (jquery.ui.map.min.js) の最初の行:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html><head>
<title>Menu for /assets/js/jquery.ui.map.min.js</title>
</head><body>
<h1>Menu for /assets/js/jquery.ui.map.min.js</h1>
<hr />
<pre> <a href="http://jhfc-law.com/assets/js/jquery-ui-map">jquery-ui-map</a></pre>
<pre> <a href="http://jhfc-law.com/assets/js/d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new">d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new</a></pre>
</body>
</html>
問題を確認するためのリンクは次のとおりです。
http://jhfc-law.com/contact.html
繰り返しますが、マップとすべてがローカルで正常に機能します。< が開いているため、サーバーがその DOCTYPE 行を問題として読み取っていると確信していますが、これを修正する方法がわかりません。このエラーも発生しています (最初のファイルが破損しているため、gmap が初期化されていないため、次の行を使用できません):
Uncaught TypeError: Object [object Object] has no method 'gmap'
私のscripts.jsファイルのこのメソッドにあります(前のファイルの後にロードされています):
jQuery(document).ready(function() {
var position = new google.maps.LatLng(31.22633, -85.39422);
$('.map').gmap({'center': position,'zoom': 15, 'disableDefaultUI':true, 'callback': function() {
Uncaught TypeError: Object [object Object] has no method 'gmap'
var self = this;
self.addMarker({'position': this.get('map').getCenter() });
}
});
});
どんな助けでも大歓迎です!
T