地域メッシュ南西地点を中心とする指定半径の円を表示するためのGeoJSON生成例

README.md

GeoJSONのPointを指定半径(メートル単位)の円で表示

目的

• GeoJSONのPointを指定半径(例:500m)の円で表示したい。
• このためだけのツールを作るより、GeoJSONファイルを指定して表示するサイトにしたい。

調査

• https://geojson.io では、PointはMarkerで表示される。
  • (draw toolで円を作るとPolygonが生成される)
• https://kepler.gl では半径指定はpixel単位?
• LeafletのL.Circleを使えばメートル単位で半径指定可能。
• deck.glのGeoJsonLayerのpointRadiusUnitsはデフォルトでmeters。
• foliumのTimestampedGeoJsonでは、{{"properties": {"icon": "circle","iconstyle":{"radius":10}}},"geometry":{"type":"Point",...}}は、L.CircleMarkerで表示される。半径はpixel単位。

対処

• foliumのTimestampedGeoJsonをベースに、メートル単位での半径指定用プロパティ"radiusUnit":"meter"を追加: {{"properties": {"icon": "circle","iconstyle":{"radius":500,"radiusUnit":"meter"}}},"geometry":{"type":"Point",...}}
• https://deton.github.io/HeatMapWithTime/MarkerStyleWithTime.html に、"radiusUnit": "meter"の場合はL.Circleを使って円を表示する処理を追加。

他の案

• Pointを円相当のポリゴンに変換するツール。
  • 今回は表示したいだけだったので不採用。

使用例

地域メッシュを生成

https://github.com/MIERUNE/japan-mesh-tool

poetry run python src/japanmesh/main.py 3 -e 142.2,44.0 142.3,44.1 -d ./

参考: geojsonl to geojson

jq -s '{type:"FeatureCollection",features:.}' mesh_3.geojsonl > mesh_3.geojson

地域メッシュ南西地点を中心とする指定半径の円を表示するためのGeoJSON生成例

jq -c '{type,properties:{code:.properties.code,icon:"circle",iconstyle:{radius:500,radiusUnit:"meter"},popup:.properties.code|tostring},geometry:{type:"Point",coordinates:.geometry.coordinates[0][0]}}' mesh_3.geojsonl \
| jq -s '{type:"FeatureCollection",features:.}' > mesh_3circle.geojson

GeoJSONのPointを指定半径の円で表示するのに使えるサイト

• https://deton.github.io/HeatMapWithTime/MarkerStyleWithTime.html
• https://deton.github.io/HeatMapWithTime/geojsonlayer.html?radiusScale=1

mesh_3circle.geojson

mesh_3circle.png

tissotIndicatrix.geojson