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