leafletで︎オフラインマップを表示させるまでの手順を紹介します。 まず、下記よりperlスクリプトをダウンロードしてします。 http://search.cpan.org/~rotkraut/Geo-OSM-Til … 続きを読む
カテゴリーアーカイブ: Map
Google Chartでグラフを書いてみる
GoogleChartを使ってみたのでその備忘録です。 使用してみた感想としては、見慣れたグラフではありますが、簡単に扱えるのは良いなと思いました。 ソースはリファレンスからのそのままですが、こんな感じです。 こんな感じ … 続きを読む
画像クリックで地図上のマーカー位置へ移動する方法
WEBサイトで地図上のマーカーとリストや画像なんかを下記のように紐づけたい時があります。 下記のプログラムはリスト上の画像をクリックすると地図上の（画像と紐づけられた）マーカーの位置へ移動するようになっています。 それで … 続きを読む
GoogleMapsApiで領域内の判定を行う
Google Maps JavaScript APIによると対象の地点（緯度経度）が範囲内にあるかどうかの判定には、 を使うようです。 試しに下記のようなプログラムを書いてみました。 実行（スタートを押すと）すると、ポリ … 続きを読む
Googleマップでポリゴンを作成
今回はGoogleマップでポリゴン（図形）を作成したいと思います。 始めは単純にマップ上にポリゴンを追加してみたいと思います。 HTMLは上記のようにします。 続いてJavascriptです。 google.maps.P … 続きを読む
OpenStreetMapにアイコンを表示する
Overlayを使用してマップ上にアイコンを表示する方法です。 前回同様上記のHTMLを記述します。 続けて下記のJavascriptを記述します。 今回から外部ファイルへjavascriptを記述しています。 下記のよ … 続きを読む
OpenStreetMapを自分のサイトへ表示する(OpenLayers3)
前回の投稿でサイト内にOpenStreetMapを追加しました。前回はOpenLayers2を使用してマップの追加を行いましたが、今回はOpenLayers3を使用してマップの表示を行いたいと思います。 まず以下のコード … 続きを読む