WEBサイトで地図上のマーカーとリストや画像なんかを下記のように紐づけたい時があります。 下記のプログラムはリスト上の画像をクリックすると地図上の（画像と紐づけられた）マーカーの位置へ移動するようになっています。 それで … 続きを読む
タグ別アーカイブ: マップ
GoogleMapsApiで領域内の判定を行う
Google Maps JavaScript APIによると対象の地点（緯度経度）が範囲内にあるかどうかの判定には、 を使うようです。 試しに下記のようなプログラムを書いてみました。 実行（スタートを押すと）すると、ポリ … 続きを読む
Googleマップでポリゴンを作成
今回はGoogleマップでポリゴン（図形）を作成したいと思います。 始めは単純にマップ上にポリゴンを追加してみたいと思います。 HTMLは上記のようにします。 続いてJavascriptです。 google.maps.P … 続きを読む
国土地理院地図を自分のサイトへ表示する
前回の投稿でOpenLayers3でOpenStreetMapを自分のサイトに表示しましたが、今回は国土地理の地図を表示してみたいと思います。 参考は地理院地図の技術情報を参考にしています。 早速ソースの方からいきます。 … 続きを読む
OpenStreetMapを自分のサイトへ表示する(OpenLayers3)
前回の投稿でサイト内にOpenStreetMapを追加しました。前回はOpenLayers2を使用してマップの追加を行いましたが、今回はOpenLayers3を使用してマップの表示を行いたいと思います。 まず以下のコード … 続きを読む
OpenStreetMapを自分のサイトへ表示する
OpenStreetMapとは OpenStreetMap(OSM)は、道路地図などの地理情報データを誰でも利用できるよう、フリーの地理情報データを作成することを目的としたプロジェクトです。 誰でも自由に参加して、誰でも … 続きを読む