オーバーレイとマーカーを含む Mapbox マップを HTML からエクスポート/ダウンロード

Question

顧客がパーソナライズされた地図を作成できる HTML ページを作成したいと考えています。これを作成するにはMapboxを使用しました。この地図の上にはオーバーレイがあり、顧客は地図上にマーカーを配置することもできます。しかし、私は 2 つの大きな問題と格闘しています:

1. オーバーレイやマーカーを含む高品質の地図画像を取得する方法。ポスターに印刷したいので。

2. このロジックをオンライン ストアに実装して、顧客が「保存」をクリックして購入した後、この画像がサーバーに送信され、印刷できるようにするにはどうすればよいですか。

https://www.cartida.de/map/ (ロジックは次のようになります) https://midi-hazel-palm.glitch.me/ (現在はこのようになります)

地図をダウンロードするために次のコードを書きました:

リーリー

ただし、オーバーレイとマーカーは追加されません。

＃＃＃皆さん、ありがとうございました。お返事おまちしております。

Mapbox API からの高品質の画像を HTML 形式で取得したい

Answer 1

静的画像 API を使用すると、このタスクを実行できます。 こちらは、非常によく似た使用例を示すチュートリアルです。コードは非常に似ているはずですが、addLayerStyle 関数にいくつかの変更を加えて、例に示した LineLayer の代わりにカスタム タグを持つ SymbolLayer を作成するだけです。