HTML에서 오버레이 및 마커가 포함된 Mapbox 지도 내보내기/다운로드

Question

고객이 개인화된 지도를 만들 수 있는 HTML 페이지를 만들고 싶습니다. 저는 이것을 만들기 위해 Mapbox를 사용했습니다. 이 지도 위에 오버레이가 있으며, 고객은 지도에 마커를 배치할 수도 있습니다. 하지만 저는 두 가지 큰 문제로 어려움을 겪고 있습니다.

오버레이 및 마커를 포함한 고품질 지도 이미지를 얻는 방법. 포스터에 인쇄하고 싶기 때문입니다.
고객이 "저장"을 클릭하고 구매한 후 이 이미지가 내 서버로 전송되어 인쇄할 수 있도록 온라인 상점에서 이 논리를 어떻게 구현합니까?

https://www.cartida.de/map/ (논리는 이렇습니다) https://midi-hazel-palm.glitch.me/ (현재 모습)

지도를 다운로드하기 위해 다음 코드를 작성했습니다.

으아아아

그러나 오버레이와 마커는 추가되지 않습니다.

감사합니다. 우리는 귀하의 의견을 기다리겠습니다.

Html 형식의 Mapbox API 고품질 이미지를 원합니다

P粉652495194 · Answer

정적 이미지 API를 사용하면 이 작업을 수행할 수 있습니다. 여기는 귀하와 매우 유사한 사용 사례를 보여주는 튜토리얼입니다. 코드는 매우 유사해야 합니다. 예제에 표시된 LineLayer 대신 사용자 정의 마커가 있는 SymbolLayer를 생성하려면 addLayerStyle 함수를 몇 가지 변경하면 됩니다.