私はAJAXアプリケーションを構築し、OpenLayersを使用するアプリケーションの専用部分を持っています。
現時点では、Application.htmlファイルに次のファイルが含まれているため、アプリケーションの開始時に含まれます。
<script src="http://openlayers.org/api/2.11/OpenLayers.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>
サイズは約500〜1000kbなので、必要なときにこれらすべてをロードしたいと思います。しかし、私はそれを行う方法がわかりません。
私が試したこと:
- OpenLayers.jsをロードし、そのコールバックに:..。
- ...GoogleMaps.jsとOpenStreetMap.jsをロードします。そして、これらの両方が終了したとき:..。
- ...マップを表示します。
GoogleMaps.jsとOpenStreetMap.jsには、コールバックとは独立して読み込まれる追加の.js、.css、.pngなどの依存関係があるため、機能することもありますが、ほとんどの場合は機能しません。
つまり、3つの.jsファイルの読み込みが完了し、コールバックはアプリケーションにマップを表示するように指示しますが、バックグラウンドでは、これらの.jsファイルはOpenLayersの使用に必要な追加のコンテンツをフェッチします。
この問題を解決する方法はありますか?