2 - ol3-beta.5ex 6b - XYZ example 2

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

「206-ol3ex.js」

var attribution = new ol.Attribution({

/*
 * html: 'Tiles © <a href="http://maps.nls.uk/townplans/glasgow_1.html">' +
 *     'National Library of Scotland</a>'
 */

 html: "<a href='http://portal.cyberjapan.jp/help/termsofuse.html' target='_blank'>" +
      "国土地理院</a>"
});

var map = new ol.Map({
 target: 'map',
 layers: [

/*
 *new ol.layer.Tile({
 * source: new ol.source.OSM({
 *  attributions: [
 *   new ol.Attribution({
 *    html: 'Tiles © <a href="http://www.opencyclemap.org/">' +
 *        'OpenCycleMap</a>'
 *   }),
 *   ol.source.OSM.DATA_ATTRIBUTION // OpenStreetMap の DATA Attribution を取得
 *  ],
 *  url: 'http://{a-c}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png'
 * })
 *}),
 */

  new ol.layer.Tile({
   source: new ol.source.XYZ({
    attributions: [attribution],
//  url: 'http://geo.nls.uk/maps/towns/glasgow1857/{z}/{x}/{-y}.png'
    url: 'http://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png'
   })  })
 ],

 view: new ol.View2D({
// center: [-472202, 7530279],
   center: [15520720, 4257706], // EPSG:3857 の値
// zoom: 12
   zoom: 10
 })
});