コンテンツにスキップ

GeoJSON Source

geojson Source は、URL から取得するか、インラインで指定した GeoJSON からベクターデータを提供します。vector レイヤーで描画します。

プロパティ

Section titled “プロパティ”
プロパティ型デフォルト説明
type"geojson"（必須）Source のタイプ。
urlstring—GeoJSON を取得する URL。data とは排他的で、両方指定した場合はこちらが優先されます。
dataFeatureCollection | Feature | Geometry—インラインの GeoJSON データ。url が指定されていない場合に使用されます。
crsstring—データの座標参照系。
tiledbooleanfalse大規模データセット向けにタイル化された空間インデックス（GeoJSON-VT）を構築します。

使用例

Section titled “使用例”
import ThreeView from "@navaramap/three";


// URL から
const roads = view.addSource({
  type: "geojson",
  url: "https://example.com/roads.geojson",
});
view.addLayer({ type: "vector", source: roads, polyline: { color: 0xffffff } });


// インライン
const pins = view.addSource({
  type: "geojson",
  data: {
    type: "FeatureCollection",
    features: [
      { type: "Feature", geometry: { type: "Point", coordinates: [139.767, 35.681] }, properties: {} },
    ],
  },
});
view.addLayer({ type: "vector", source: pins, point: { color: 0xff0000, size: 8 } });

関連リソース

Section titled “関連リソース”