2 - ol3-beta.5ex 3b - Single image WMS example 2

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

「203-ol3ex.js」

var layers = [
  new ol.layer.Tile({
    source: new ol.source.MapQuest({layer: 'sat'})
  }),
  new ol.layer.Image({
    source: new ol.source.ImageWMS({

/*
 *    url: 'http://demo.opengeo.org/geoserver/wms',
 *    params: {'LAYERS': 'topp:states'},
 *    extent: [-13884991, 2870341, -7455066, 6338219],
 */

      url: 'http://localhost:8080/geoserver/wms?',
      params: {'LAYERS': 'npn:tokyo_kuiki'},
      //extent: [138.85, 35.4, 140, 35.975],
      extent: [15456711, 4218373, 15584728, 4297181],
      serverType: 'geoserver',
      attributions: [new ol.Attribution({html: '国土数値情報'})]
    })
  })
];

var map = new ol.Map({
  layers: layers,
  target: 'map',
  view: new ol.View2D({
//  center: [-10997148, 4569099],
    center: [15520720, 4257706],
//  zoom: 4
    zoom: 10
  })
});