2 - ol3.3ex 83b - Graticule example 2

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

「283-ol3ex.js」

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

   source: new ol.source.OSM()
   /** ol.source.OSM 
    * Layer source for the OpenStreetMap tile server.
    * OpenStreetMap タイルサーバのレイヤソース。（ol3 API）
    */

  })
 ],
 renderer: 'canvas',
 target: 'map',
 view: new ol.View({
  center: ol.proj.transform([4.8, 47.75], 'EPSG:4326', 'EPSG:3857'),
  zoom: 5
 })
});

// Create the graticule component
// graticule コンポーネントを作成します。
var graticule = new ol.Graticule({
 // the style to use for the lines, optional.
 // 線を使用するためのスタイル。オプション。
 strokeStyle: new ol.style.Stroke({
  color: 'rgba(255,120,0,0.9)',
  width: 2,
  lineDash: [0.5, 4]
 })
});
graticule.setMap(map);