HTML에서 오버레이 및 마커가 포함된 Mapbox 지도 내보내기/다운로드
P粉459578805
P粉459578805 2024-03-29 11:15:04
0
1
504

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

  1. 오버레이 및 마커를 포함한 고품질 지도 이미지를 얻는 방법. 포스터에 인쇄하고 싶기 때문입니다.

  2. 고객이 "저장"을 클릭하고 구매한 후 이 이미지가 내 서버로 전송되어 인쇄할 수 있도록 온라인 상점에서 이 논리를 어떻게 구현합니까?

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

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

으아아아

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

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

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

P粉459578805
P粉459578805

모든 응답(1)
P粉652495194

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

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿