Valhallaプラグインのインストール

これでvalhallaサーバーの準備が整いました。このセクションでは、mapbox-gl-valhallaプラグインをマップに追加していきます。これで valhalla Isochrone API を簡単に使用できるようになります。

  • インストール
npm i @watergis/mapbox-gl-valhalla --save
  • 使い方
import { MapboxValhallaControl} from "@watergis/mapbox-gl-valhalla";
import '@watergis/mapbox-gl-valhalla/css/styles.css';
import mapboxgl from 'mapbox-gl';

const map = new mapboxgl.Map();
map.addControl(new MapboxValhallaControl(
  'http://localhost:8002',
  {
    Contours: [
      {
        time: 3,
        distance: 1,
        color: 'ff0000',
      },
      {
        time: 5,
        distance: 2,
        color: 'ffff00',
      },
      {
        time: 10,
        distance: 3,
        color: '0000ff',
      },
    ]
  }
), 'top-right');
  • 等時線マップ image

  • 等距離線マップ image

これで、Mapbox GLアプリケーションにIsochrone機能が追加されました。