Case Study

Case Study

Google Maps Platform #01 【ベースマップ】

Google Maps PlatformでデフォルトのベースマップであるRoadmap、Satellight、Hibrid、Terrainを表示するための HTML、 JavaScript、 CSSの例
Case Study

Google Maps Platform #02 【GeoJSONで市区町界ポリゴン】

Google Maps Platformのベースマップ上に市区町界ポリゴンを表示し、市区町名をポップアップ表示。
Case Study

Google Maps Platform #03 【GeoJSONでため池マーカー】

Google Mapのベースマップ上に、ため池のポイントをマーカー表示する。ポイントをクリックするとため池名をポップアップ表示。
Case Study

Google Maps Platform #04 【GeoJSONで市区町界ポリゴン+ため池マーカー】

Google Mapのベースマップ上に、市区町界ポリゴンとため池ポイントをマーカー表示。ため池ポイントをクリックするとため池名が、その他の地点は市区町名をポップアップ表示
Case Study

Google Maps Platform #05 【市区町選択フォーム】

HTMLの選択要素<select>で市区町選択フォームを作成。選択した市区町役場をマーカー表示。
Case Study

Google Maps Platform #06 【マーカーのカスタマイズ】

Googleマッププラットフォーム のJavaScriptAPIガイドのGoogleマップのカスタマイズを参考にため池のマーカーを変更する。
Case Study

Google Maps Platform #07 【データのカテゴリーに応じたマーカー表示】

Google Maps Platformでため池データを使って、ため池の区分に応じたマーカー表示を試みる。
Case Study

Google Maps Platform #08 【市区町別ーカテゴリーに応じたマーカー表示】

Google Maps Platformで市区町選択フォームとデータのカテゴリーに応じたマーカー表示を組み合わせる。
Case Study

ひょうごのため池 #01【データ整理】

excelで作成されたオープンデータ,を編集して、位置情報(緯度・経度)付きcsvファイルを作成する
Case Study

ひょうごのため池 #02【CSVからGeoJSONへ】

兵庫県のため池公表データ(Excelファイル)を編集し、CSVデータとして取りまとめ後、QGISを用いてGeoJSONファイルに変換する