2 - ol3ex 41b - Attributions example 2

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

var attribution = new ol.control.Attribution({
/** ol.control.Attribution
 * Control to show all the attributions associated 
 * with the layer sources in the map. This control 
 * is one of the default controls included in maps. 
 * By default it will show in the bottom right 
 * portion of the map, but this can be changed by 
 * using a css selector for .ol-attribution.
 * マップ内のレイヤソースに関連付けられているすべての属性を
 * 表示するコントロール。このコントロールは、マップに含まれ
 * るデフォルトのコントロールの一つです。デフォルトでは、
 * 地図の右下部分に表示されますが、これは、.ol-attribution 
 * の CSS セレクタを使用して変更することができます。（ol3 API）
 */

 collapsible: false // 折りたたみ
});
var map = 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）
   */

   source: new ol.source.OSM()
   /** ol.source.OSM 
    * Layer source for the OpenStreetMap tile server.
    * OpenStreetMap タイルサーバのレイヤソース。（ol3 API）
    */
  })
 ],

 controls: ol.control.defaults({ attribution: false }).extend([attribution]),
 /** controls
  * Controls initially added to the map. 
  * If not specified, ol.control.defaults() is used.
  * 初期設定で、マップに追加されるコントロール。
  * 明示されていなければ、ol.control.defaults() が使用されます。
  * （ol3 API）
  */

 /** ol.control.defaults()
  * デフォルトでは、マップに含まコントロールのセット。
  * 特に設定しない限り、これは、以下の各コントロールの
  * インスタンスを含むコレクションを返します。(ol3 API）
  * ol.control.Zoom, ol.control.Rotate, ol.control.Attribution
  */

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

 target: 'map',
 view: new ol.View({
  center: [0, 0],
  zoom: 2
 })
});

function checkSize() {

 var small = map.getSize()[0] < 600;
 /** getSize()
  * Get the size of this map.
  * Returns: The size in pixels of 
  * the map in the DOM.
  * マップのサイズを取得。（ol3 API）
  */

 attribution.setCollapsible(small);
 /** setCollapsible(collapsible)
  * Name: collapsible, Type: boolean,
  * Description: True if the widget is collapsible.
  * （ol3 API）
  */

 attribution.setCollapsed(small);
 /** setCollapsed(collapsed)
  * Name: collapsed, Type: boolean,
  * Description: True if the widget is collapsed.
  * （ol3 API）
  */
}

$(window).on('resize', checkSize);
/** jQuery on イベント */
checkSize();