OpenLayersとは、ブラウザ上でjavascriptを使用し地図を表示させるオープンソースのライブラリです。(公式サイト) 最近、このOpenLayersの3を調べる機会があり、大変簡単にWeb地図アプリを作成できる事ができる非常に面白いものでしたので、少し書いてみます。 ブラウザ上に地図を表示 ファイル構成は以下のとおり index.html js/jquery-1.12.4.min.js js/ol.js(オープンレイヤーのjavascriptライブラリ) js/main.js(今回カスタマイズしていくjavascriptファイル) css/ol.css(オープンレイヤーのcssライブラリ) 以下がソース <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta name