jquery - jQuery ID セレクターが Google マップで機能しない

Question

IDセレクターを次のように使用すると、マップをレンダリングできない純粋なjQueryの方法からGoogleマップを生成しようとしています。

var map = new google.maps.Map($("#map_canvas"), mapOptions);

単純な JavaScript メソッドで検索要素 ID を次のように使用すると、マップが機能します。

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

なぜこれが起こっているのかを理解するのを手伝ってもらえますか?

Answer 1

クイック検索でこれが明らかになりました：

DOM 要素が必要です$('#map_cavas')が、jQuery オブジェクトを返します。jQuery セレクターを使用する場合は、次のようにします。

var map = new google.maps.Map($("#map_canvas")[0], mapOptions);

ソース: Google マップ (V3) - マップ コンテナー セレクター (jquery を使用)