2 - ol3.2ex 66b -Preload example 2

「preload.js（266-ol3ex.js）」は、マップを表示するための JavaScript ファイルです。
「266-ol3ex.js」

var map1 = new ol.Map({
 layers: [

  new ol.layer.Tile({
  /** ol.layer.Tile 
   * For layer sources that provide pre-rendered, tiled 
   * images in grids that are organized by zoom levels for 
   * specific resolutions. 
   * プリレンダリング（事前描画）を提供するレイヤソースのための、
   * 特定の解像度でのズームレベルによって編成されているグリッドの
   * タイルイメージ。（ol3 API）
   */

   preload: Infinity,
   /** preload:
    * Preload. Load low-resolution tiles up to 
    * preload levels. By default preload is 0, 
    * which means no preloading.
    * プリロード。プリロードレベルに至るまで低解像度の
    * タイルをロードします。デフォルトはプリロード 0 で、
    * プレロードがないことを意味します。（ol3 API）
    */

   source: new ol.source.BingMaps({
   /** ol.source.BingMaps
    * Layer source for Bing Maps tile data.
    * Bing Maps タイルデータのレイヤソース。（ol3 API）
    */

    key: 'Ak-dzM4w...（省略）',
    imagerySet: 'Aerial'
   })
  })
 ],

 renderer: exampleNS.getRendererFromQueryString(),
 //'example-behavior.js' により URL にある renderer を返します

 target: 'map1',
 view: new ol.View({
  center: [-4808600, -2620936],
  zoom: 8
 })
});

var map2 = new ol.Map({
 layers: [
  new ol.layer.Tile({
   preload: 0, // default value
   source: new ol.source.BingMaps({
    key: 'Ak-dzM4w...（省略）',
    imagerySet: 'AerialWithLabels'
   })
  })
 ],
 renderer: exampleNS.getRendererFromQueryString(),
 target: 'map2'
});

map2.bindTo('view', map1);
/** bindTo 
 * The bindTo method allows you to set up a two-way 
 * binding between a `source` and `target` object. 
 * The method returns an object with a `transform` 
 * method that you can use to provide `from` and 
 * `to` functions to transform values on the way 
 * from the source to the target and on the way back.
 * bindTo メソッドは、`source` と ` target` オブジェク
 * ト間の結合を双方向に設定することができます。メソッドは、
 * ソースからターゲットに、および、その逆方向に値を変換
 * する、 `from` と ` to` ファンクションを提供するため
 * に使用することがでる `transform` メソッドをともなっ
 * た、オブジェクトを返します。（ol/ol/object.js）
 */