JavaScriptライブラリを使用してSVG要素を追加および作成しようとしていますが、トラブルシューティングしたい共通のテーマに出くわしました。
たとえば、AJAXリクエストを作成し、緯度と経度の戻り値に基づいてマップ上にドットを生成しています(これは、Protovisでも発生していますが、Polymapsを使用しています)。一度実行すると正常に動作します。例として、これはサーバーから返されるものです
[{'lat':29.6196787,'lng':-95.6349463},{'lat':42.3584308,'lng':-71.0597732}]
次に、これを変数に割り当て、ライブラリにレンダリングを処理させます。
リクエストを追加してドットを追加するインタラクティブ機能を組み込むと、ウィンドウのサイズを変更するかページの周りをクリックしない限り、Chromeに何も表示されません(ドットはあるようですが、更新する必要がありますか?)Firefoxではすべてがうまくいきます。
これはグローバル変数とローカル変数のスコープに関係しているのではないかと思いますが、その理由が理解できないようです。匿名の自己呼び出し関数を使用することについて誰かが言及したことがありますが、私は一般的に混乱しています。助けてもらえますか?
乾杯!