2 - ol3.3ex 93b - Canvas tiles example 2

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

「293-ol3ex.js」

var map = new ol.Map({
 layers: [
  new ol.layer.Tile({

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

  }),
  new ol.layer.Tile({

   source: new ol.source.TileDebug({
   /** ol.source.TileDebug
    * A pseudo tile source, which does not fetch 
    * tiles from a server, but renders a grid outline 
    * for the tile grid/projection along with the 
    * coordinates for each tile. See 
    * examples/canvas-tiles for an example.
    * Uses Canvas context2d, so requires Canvas 
    * support.
    * サーバからタイルを取ってこないが、各タイルの座標と
    * 一緒にタイルグリッド/投影法のグリッドのアウトライ
    * ンを描画する擬似タイルソース。例えば、
    * examples/canvas-tiles を参照してください。
    * キャンバス context2d を使用すると、キャンバスのサ
    * ポートを必要とします。（ol3 API）
    */

    projection: 'EPSG:3857',

    tileGrid: new ol.tilegrid.XYZ({
    /** ol.tilegrid.XYZ
     * Set the grid pattern for sources accessing XYZ 
     * tiled-image servers.
     * XYZタイル画像サーバにアクセスするソースのグリッ
     * ドパターンを設定します。（ol3 API）
     */

     maxZoom: 22
    })
   })
  })
 ],

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

 target: 'map',

 controls: ol.control.defaults({
 /** 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
  */

  attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
  /** @type 
   * 値のタイプ（型）の説明 - 式などで表示
   * （@use JSDoc[http://usejsdoc.org/]より）
   */

   collapsible: false // 折りたたみ
  })
 }),
 view: new ol.View({
  center: ol.proj.transform(
   [-0.1275, 51.507222], 'EPSG:4326', 'EPSG:3857'),
  zoom: 10
 })
});