Openlayers3でタイル地図をHTTP/HTTPS選択して取得する方法

簡単なタイル地図取得方法

tile.js

//タイル地図の取得
var raster = new ol.layer.Tile({
  source: new ol.source.Stamen({
    layer: 'toner'
  })
});

//地図にタイルをセット
var map = new ol.Map({
  layers: [raster],
  target: 'map',
  view: new ol.View({
    center: [0, 0],
    zoom: 2
  })
});

---

HTTP/HTTPSを選択してタイル地図を取得する方法

tile.js

//タイル地図の取得
//urlでhttpとhttpsを切り替える事で変更可能
var raster = new ol.layer.Tile({
  source: new ol.source.XYZ({
    url: 'http://{a-d}.tile.stamen.com/toner/{z}/{x}/{y}.png'
  })
});