2023年10月15日 / 最終更新日時 : 2023年10月15日 とれいる MapLibre 【MapLibre】複数のテキストを記載する 上の図のように、マップ内に複数のテキストを配置する場合（タイル自体に文字があってすいません…）、一旦 GeoJSON で定義してあげて、map.addSource で ソースとして追加し、addLayer […]
2023年10月13日 / 最終更新日時 : 2023年10月13日 とれいる MapLibre 【MapLibre】マップにマーカーを追加する MapLibre でマップにマーカーを追加するだけなら、下記の１行を追加するだけで大丈夫です。 マーカーの色も簡単に変えられます。便利ですね。 ポップアップを追加するには、別途ポップアップを定義して、マーカーにセッ […]
2023年10月11日 / 最終更新日時 : 2023年10月11日 とれいる MapLibre 【MapLibre】ズームコントロール/コンパス/スケールを表示 上の図のように、マップの右上にズームコントロール/コンパスを追加するには、以下のように記述します（ナビゲーションコントロールを追加します）。なお、コンパスをクリックすると、北が上の表示に戻ります。 左下にスケールバー […]
2023年10月10日 / 最終更新日時 : 2023年10月17日 とれいる MapLibre 【MapLibre】埋め込み地図を表示する方法 はじめに MapLibre とは、ブラウザでマップデータを表示する、TypeScript （Microsoft が公開した JavaScript の派生言語）のオープンソースライブラリです。もともとは Mapbox が […]
