2 - ol3.4ex 100b - Tiled WMS wrap 180° meridian example 2

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

「2100-ol3ex.js」

var layers = [
 new ol.layer.Tile({

  source: new ol.source.MapQuest({layer: 'sat'})
  /** ol.source.MapQuest
   * Layer source for the MapQuest tile server.
   * MapQuest タイルサーバのレイヤソース。（ol3 API
   * 2 - ol3ex 23b - MapQuest example 2 参照）
   */

 }),
 new ol.layer.Tile({

  source: new ol.source.TileWMS(/** @type {olx.source.TileWMSOptions} */ ({
  /** ol.source.TileWMS
   * Layer source for tile data from WMS servers.
   * WMS サーバからのタイルデータのレイヤソース。
   * （ol3 API）
   */

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

   url: 'http://demo.boundlessgeo.com/geoserver/ne/wms',
   params: {
    'LAYERS': 'ne:ne_10m_admin_0_countries', 
    'TILED': true
   },
   serverType: 'geoserver',

   wrapX: true
   /** wrapX:
    * Whether to wrap the world horizontally. Default is 
    * false.
    * 水平に世界を覆うかどうかを設定します。デフォルトはfalse
    * です。
    * （ol3 API[説明は Stable Only のチェックを外すと表示]）
    */

  }))
 })
];

var map = new ol.Map({
 layers: layers,
 target: 'map',
 view: new ol.View({
  center: [0, 0],
  zoom: 1
 })
});

wrapX が true の場合

wrapX が false の場合