Case StudyLeaflet #06 【GeoJSONで市区町界ポリゴン+ため池マーカー】 Leafletのベースマップ上に、市区町界ポリゴンとため池ポイントをマーカー表示。ため池ポイントをクリックするとため池名が、その他の地点は市区町名をポップアップ表示2021.09.22snusmumrikenCase StudyLeaflet.jsPractice
Case StudyLeaflet #07 【市区町選択フォーム】 HTMLの選択要素<select>で市区町選択フォームを作成。選択した市区町役場をマーカー表示、市区町区域ポリゴンを修飾。2021.09.22snusmumrikenCase StudyLeaflet.jsPractice
Case StudyLeaflet #08 【マーカーのカスタマイズ】 Leaflet TutorialsのUsing GeoJSON with LeafletとMarkers with Custom Icons を参考に、ため池のマーカー表示を変更。2021.09.22snusmumrikenCase StudyLeaflet.jsPractice
Case StudyLeaflet #09 【データのカテゴリーに応じたマーカー表示】 Leafletでため池データを使って、ため池の区分に応じたマーカー表示を試みる。2021.09.22snusmumrikenCase StudyLeaflet.jsPractice
Case StudyLeaflet #10【市区町別ーカテゴリーに応じたマーカー表示】 Leaflet.jsで市区町選択フォームとデータのカテゴリーに応じたマーカー表示を組み合わせる。2021.09.22snusmumrikenCase StudyLeaflet.jsPractice
Case StudyGoogle Maps Platform #01 【ベースマップ】 Google Maps PlatformでデフォルトのベースマップであるRoadmap、Satellight、Hibrid、Terrainを表示するための HTML、 JavaScript、 CSSの例2021.09.28snusmumrikenCase StudyGoogle Maps PlatformPractice
Case StudyGoogle Maps Platform #02 【GeoJSONで市区町界ポリゴン】 Google Maps Platformのベースマップ上に市区町界ポリゴンを表示し、市区町名をポップアップ表示。2021.09.28snusmumrikenCase StudyGoogle Maps PlatformPractice
Case StudyGoogle Maps Platform #03 【GeoJSONでため池マーカー】 Google Mapのベースマップ上に、ため池のポイントをマーカー表示する。ポイントをクリックするとため池名をポップアップ表示。2021.09.28snusmumrikenCase StudyGoogle Maps PlatformPractice
Case StudyGoogle Maps Platform #04 【GeoJSONで市区町界ポリゴン+ため池マーカー】 Google Mapのベースマップ上に、市区町界ポリゴンとため池ポイントをマーカー表示。ため池ポイントをクリックするとため池名が、その他の地点は市区町名をポップアップ表示2021.09.28snusmumrikenCase StudyGoogle Maps PlatformPractice
Case StudyGoogle Maps Platform #05 【市区町選択フォーム】 HTMLの選択要素<select>で市区町選択フォームを作成。選択した市区町役場をマーカー表示。2021.09.28snusmumrikenCase StudyGoogle Maps PlatformPractice