Google Maps Platform

ひょうごの交通事故　v1.5【2017-2023 Google Maps Platform】　by Year & Police St.

兵庫県が2024年2月14日に公表したオープンデータの2017年～2023年の兵庫県における交通事故発生状況（発生年月日・時間帯、市区町、緯度・経度、天候、年齢、事故類型等）から、8か年分についてGoogle Maps Platformで作成した地図。市区町、警察署、発生年別マーカー表示が可能。

141k points plot【Google Maps Platform & Deck.GL】(ひょうごの交通事故2017-2023)

2017年～2023年の兵庫県における交通事故141千件の事故地点位置図。Google Maps PlatformとDeck.GLで作成。ツールチップで発生状況（発生年月日・時間帯、市区町、緯度・経度、天候、年齢、事故類型等）を表示。

ひょうごのため池 Ver.2.6【地図と写真で見る２】(Google Maps Platform & Split.js) 29 May 2023

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

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

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

Case StudyGoogle Maps PlatformPractice

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

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

Case StudyGoogle Maps PlatformPractice

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

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

Case StudyGoogle Maps PlatformPractice

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

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

Case StudyGoogle Maps PlatformPractice

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

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

Case StudyGoogle Maps PlatformPractice

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

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

Case StudyGoogle Maps PlatformPractice

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

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

Case StudyGoogle Maps PlatformPractice

次のページ

1 2 3