2014年7月24日木曜日

2 - ol3-beta.5ex 15b - ZoomSlider control 2

「zoomslider.js(215-ol3ex.js)」は、地図を表示するのに必要な javascript です。

「215-ol3ex.js」
/**
 * Helper method for map-creation.
 *
 * @param {string} divId The id of the div for the map.
 * divId は map の div 要素の id
 * @return {ol.Map} The ol.Map instance.
 */
var createMap = function(divId) {
 var source, layer, map, zoomslider, resolutions;

 source = new ol.source.MapQuest({layer: 'sat'});
 layer = new ol.layer.Tile({
  source: source
 });
 map = new ol.Map({
  layers: [layer],
  target: divId,
  view: new ol.View2D({
// center: [0, 0],
   center: [15520720, 4257706], // 東京の座標
// zoom: 2
   zoom: 9
  })
 });
 zoomslider = new ol.control.ZoomSlider();
 map.addControl(zoomslider);
 return map;
};
var map1 = createMap('map1');
var map2 = createMap('map2');
var map3 = createMap('map3');

0 件のコメント: