2 - ol3.4ex 103b - Lazy source example 2

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

「2103-ol3ex.js」

var 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 参照）
  */

var layer = new ol.layer.Tile();

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

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

target: 'map',
 view: new ol.View({
  center: [0, 0],
  zoom: 2
 })
});

document.getElementById('set-source').onclick = function() {
/** GlobalEventHandlers.onclick
 * The onclick property returns the click event 
 * handler code on the current element.
 * onclick　プロパティは、現在の要素の click イベント
 * ハンドラのコードを返します。
 * （MDN[https://developer.mozilla.org/en-US/
 * docs/Web/API/GlobalEventHandlers.onclick]）
 */

 layer.setSource(source);
};

document.getElementById('unset-source').onclick = function() {
 layer.setSource(null);
};