タグ

Google Maps APIとGoogle Mapsに関するmimosafaのブックマーク (2)

  • gmapにエリア範囲指定で色をつける方法

    今回は地図のエリア範囲を色分けしてみたいと思います。材料はgooglemapとgmaps.jsのライブラリを使います。 マーカーを置くというのはありますが、エリア内に色をつけるというのはあまりないと思いますのでご紹介します。 今回は出雲市の市町村合併の様子がわかるようにしたいと思います。平成7年度の出雲市と平成28年度の出雲市を比べてみたいと思います。 設定方法 まずは国土数値情報ダウンロードサービス に行きます。 ここから行政区分を選択します。 ダウンロードデータには島根をチェックします。 行政区域データは平成7年と平成28年を選択します。次へ行きます。 アンケートを記入しないと先に進めないのでチェックボックスだけ選択します。記述項目は任意なので記入しなくても良いです。 ダウンロードします。 zipファイルなので回答して中を見てみるといろいろファイルがありますが使うのはshp拡張子のシェ

    gmapにエリア範囲指定で色をつける方法
  • Google Maps JS APIを使って「住所から緯度経度を取得し地図を検索する」機能を実装する方法

    このブログでもちょいちょい紹介している写真公開用ブログの方で掲載した写真の場所を示す地図を表示させる機能をGoogle Maps JavaScript API V3を使って実装しました。その辺の実装方法をまとめようと思ていますが、その前にその機能の基礎となるキーワードからの地図検索機能の実装方法をまとめておきます。Google Maps JavaScript APIを使うと凄く簡単に実装することができます。 サンプル以下サンプルになります。キーワード入力フォームに[住所]、[建物名]、[緯度経度(緯度と軽度の間はカンマ区切り)]などを入力して、「地図検索」ボタンを押すと、フォームの下のスペースに地図が表示されるようになっています。 地図検索機能サンプルGoogle Maps APIの概要そもそもGoogle Maps APIとは?まず最初にGoogle Maps APIについて簡単に説明し

    Google Maps JS APIを使って「住所から緯度経度を取得し地図を検索する」機能を実装する方法
  • 1