0

現在完全に JavaScript でコーディングされている Google マップ プロジェクト内に、Twitter Bootstrap のタブ付きメニューを含めたいと考えています。Twitter は jQuery に依存しているため、両方を一緒に使用する方法がわかりません。

これを使用してjQueryをインポートしようとする<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>と、ページがレンダリングされなくなります。

jQuery-ui-map のようなプラグインを使用する必要があるかもしれないと思いますが、サイト全体を手動で jQuery に再コーディングするには時間がかかりすぎます (そうしなければならない場合)。タブ付きメニューのためだけにブートストラップとjqueryをインポートする方法はありますが、サイトの残りの部分はjavascriptのままにしておきますか?

4

1 に答える 1

3

<script>テスト ページにjQuery タグを追加したときに、独自のスクリプトをロードするタグを削除しました。<script>そのため、load()関数は未定義です。

現在のコードは次のとおりです。

<script type="text/javascript"
   src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
</script>

//<![CDATA[

var gmarkers = [];
var infoWindow = new google.maps.InfoWindow;
...

<script>独自のスクリプトを開始するタグがないことがわかりますか?

Maps API を jQuery で使用するために jQuery プラグインが必要であるという質問に関しては、いいえ、絶対に必要ありません。jQuery と Maps API を常に一緒に使用しています。これを考慮してください: jQuery プラグインとは? JavaScript コード！他には何もありません。jQuery プラグインが行うことはすべて、独自のコードで行うことができます。

(jQuery と Maps API を連携させるには特別な簿記が必要だと想像できると思いますが、そうではありません。jQuery は、マップ コンテナーの中身を気にしません。)

@geocodezip が述べたように、マップは機能しているが、マップ内の要素の書式設定で奇妙なことが起こっている場合 (例: パン/ズーム コントロールがクリップされる)、次のようなあまりにも多くの要素に影響を与える CSS セレクターを確認してください。

img {
    /* anything here is dangerous! */
}

そのようなセレクターはマップ内の画像に影響を与えますが、これは CSS によってそのままにしておく必要があります。現在作業中のテスト ページでこの問題が発生しているようには見えませんが、問題が発生した場合に注意する必要があります。

また、無関係なヒントです。タグにもタグにも必要type="text/javascript"ありませ<script>ん。type="text/css"<style>

于 2013-07-17T15:01:24.377 に答える