Skip to content

Instantly share code, notes, and snippets.

@deton

deton/README.md

Last active August 31, 2025 12:10
Show Gist options
  • Save deton/0df0540d196ba881de20b14cfb12e153 to your computer and use it in GitHub Desktop.
Save deton/0df0540d196ba881de20b14cfb12e153 to your computer and use it in GitHub Desktop.
Download ZIP
地域メッシュ南西地点を中心とする指定半径の円を表示するためのGeoJSON生成例
Raw
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を指定半径の円で表示するのに使えるサイト

Display the source blob
Display the rendered blob
Raw
mesh_3circle.geojson
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
tissotIndicatrix.geojson
{"type":"FeatureCollection","features":[
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-150,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-120,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-90,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-60,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-30,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[0,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[30,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[60,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[90,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[120,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[150,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[180,0],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-150,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-120,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-90,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-60,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-30,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[0,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[30,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[60,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[90,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[120,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[150,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[180,-60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-150,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-120,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-90,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-60,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-30,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[0,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[30,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[60,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[90,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[120,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[150,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[180,-30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-150,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-120,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-90,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-60,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-30,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[0,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[30,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[60,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[90,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[120,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[150,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[180,30],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-150,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-120,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-90,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-60,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[-30,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[0,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[30,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[60,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[90,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[120,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[150,60],"type":"Point"}},
{"type":"Feature","properties":{"icon":"circle","iconstyle":{"radius":800000,"radiusUnit":"meter"},"popup":"radius 800km"},"geometry":{"coordinates":[180,60],"type":"Point"}}
]}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment