select

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

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

Case StudyGoogle Maps PlatformPractice

ひょうごのため池ver.2.4【09.Jun.2022 Google Maps Platform】+ category button

兵庫県が2022年3月28日更新のため池データベースおよび2022年6月9日更新の兵庫県水防計画から、Google Maps Platformを使って作成したため池情報地図。 22,047か所のため池のクラスター表示、市区町別、ため池カテゴリー別表示が可能。マーカーをクリックすると、諸元、管理者情報等を表示。

ひょうごのため池ver.2.3【2022/06/09 Google Maps Platform】 clustering

兵庫県が2022年3月28日に更新したため池データベースおよび2022年6月9日に更新した兵庫県水防計画から、Google Maps Platformを使って作成したため池情報地図 22,047か所のため池をクラスター表示。個々のため池マーカーをクリックすると、諸元、管理者情報等を表示する

2022.06.232022.08.30

ひょうごのため池ver2.4【地図と写真で見る】(09Jun.2022 Leaflet.Sync)

兵庫県が公表したため池データベース(2022年3月28日更新)及び兵庫県水防計画(2022年6月9日更新)から、leaflet.jsを使って作成した地図。 leafletのプラグインであるLeaflet.Syncを使い、地図と写真が同期する2画面表示を行う。

ひょうごのため池ver2.2【地図と写真で見る】(Leaflet.Sync)

兵庫県が公表したため池データベース（２０２２年３月２８日更新）から、leaflet.jsを使って作成した地図。 leafletのプラグインであるLeaflet.Syncを使い、地図と写真が同期する2画面表示を行う。

2022.05.262022.09.03

ひょうごのため池ver.2.4【地図と写真で見る２】(09Jun.2022 Google Maps Platform + Split.js)

兵庫県が公表したため池データベース(2022年3月28日更新)及び兵庫県水防計画(2022年6月9日更新)から、Google Maps PlatformでSplit.jsを組み合わせで作成した地図。

ひょうごのため池ver.2.2【地図と写真で見る２】（Google Maps Platform + Split.js）

兵庫県が公表したため池データベース（２０２２年３月２８日更新）から、Google Maps PlatformでSplit.jsを組み合わせで作成した地図。

2022.05.262022.09.03

ひょうごのため池ver.2【地図と写真で見る２】（Google Maps Platform + Split.js）

兵庫県が公表したため池データベースを基に、Google Maps Platform (Google Maps JavaScript API)とSplit.jsで作成した地図。Bootstrapを使用。

2022.01.262022.02.02

ひょうごのため池【地図と写真で見る】(Leaflet.Sync)

兵庫県が公表したため池データベースから、Leafletを使った位置図について、地図と写真の2画面表示と同期。Bootstrapで作成。市区町別の表示。マップは国土地理院地図、各年代の空中写真、グーグルマップ、オープンストリートマップ、産総研地質図。コンテキストメニューでため池地点の標高と地質及び半径500ｍ・1000m圏を表示。任意地点で経緯度と標高及び半径500ｍ・1000m圏を表示。

2022.01.142022.02.02

ひょうごのため池ver2.4【過去の空中写真で見る】(09Jun.2022 Leaflet+Bootstrap)

兵庫県が公表したため池データベース(2022年3月28日更新)及び兵庫県水防計画(2022年6月9日更新)から、leaflet.jsを使って作成した地図。地図切り替えボタンで、国土地理院提供の空中写真メニューを選択できるので、開発や土地利用の変更に伴うため池の状況が分かる。

次のページ

123