2 - ol3ex 19b - EPSG:4326 example 2

「epsg-4326.js（219-ol3ex.js）」は、地図を表示するのに必要な javascript です。「219-ol3ex.js」

var 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.TileWMS({
  /** ol.source.TileWMS
   * Layer source for tile data from WMS servers.
   * WMS サーバからのタイルデータのレイヤソース。
   * （ol3 API）
   */

/**
 * url: 'http://demo.opengeo.org/geoserver/wms',
 * params: {
 *  'LAYERS': 'ne:NE1_HR_LC_SR_W_DR'
 */

   url: 'http://localhost:8080/geoserver/wms?',
   attributions: [new ol.Attribution({
    html: '国土交通省 国土数値情報'
   })],
   params: {'LAYERS': 'npn:tokyo_kuiki', 'TILED': true},
   serverType: 'geoserver'
  })
 })
];

var map = new ol.Map({
 controls: ol.control.defaults().extend([
 /** 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
  */

  new ol.control.ScaleLine({
  /** ol.control.ScaleLine
   * A control displaying rough x-axis distances, calculated 
   * for the center of the viewport. No scale line will be 
   * shown when the x-axis distance cannot be calculated in 
   * the view projection (e.g. at or beyond the poles in 
   * EPSG:4326). By default the scale line will show in the 
   * bottom left portion of the map, but this can be changed 
   * by using the css selector .ol-scale-line.
   * 粗いx軸の距離を表示するコントロール、ビューポートの中心に
   * 対して計算します。 x軸距離がビュー投影（例えば、
   * EPSG：4326 の極で、または、超えて）で計算することができ
   * ないときにスケールラインは表示されません。デフォルトでは、
   * スケールラインがマップの左下部分に表示されますが、これは 
   * CSSセレクタ .ol-scale-line を使用して変更することが
   * できます。（ol3 API）
   */
   units: 'degrees'
  })
 ]),

 layers: layers,
 target: 'map',
 view: new ol.View({
  projection: 'EPSG:4326',
//center: [0, 0],
  center: [139.42, 35.68],
//zoom: 2
  zoom: 10
 })
});