Google Chartでグラフを書いてみる

GoogleChartを使ってみたのでその備忘録です。 使用してみた感想としては、見慣れたグラフではありますが、簡単に扱えるのは良いなと思いました。 ソースはリファレンスからのそのままですが、こんな感じです。 こんな感じ … 続きを読む

画像クリックで地図上のマーカー位置へ移動する方法

WEBサイトで地図上のマーカーとリストや画像なんかを下記のように紐づけたい時があります。 下記のプログラムはリスト上の画像をクリックすると地図上の(画像と紐づけられた)マーカーの位置へ移動するようになっています。 それで … 続きを読む

OpenStreetMapにアイコンを表示する

Overlayを使用してマップ上にアイコンを表示する方法です。 前回同様上記のHTMLを記述します。 続けて下記のJavascriptを記述します。 今回から外部ファイルへjavascriptを記述しています。 下記のよ … 続きを読む

OpenStreetMapを自分のサイトへ表示する(OpenLayers3)

前回の投稿でサイト内にOpenStreetMapを追加しました。前回はOpenLayers2を使用してマップの追加を行いましたが、今回はOpenLayers3を使用してマップの表示を行いたいと思います。 まず以下のコード … 続きを読む