Bubble + Mapbox + 생활안전지도 API 연동하기 너무 어렵네요~

📄 질문 내용

안녕하세요!
Bubble.io에서 생활안전지도 API의 WMS 데이터를 연동해서, Mapbox 지도 위에 스쿨존/도로시설 정보를 이미지 레이어로 덧씌우고 싶습니다.

💻 제가 사용 중인 환경

• Bubble.io + Mapbox 플러그인 사용

• 지도는 Bubble의 기본 Mapbox 플러그인을 통해 표시하고 있습니다 (첫 번째 이미지 참고)

• 사진이 안붙어서 url로~

• https://nocode2-30082.bubbleapps.io/version-test/map

📍 하고 싶은 것

• 아래 생활안전지도 API WMS 주소를 이용해서
  두 번째 이미지처럼 스쿨존 도로시설 데이터를 지도에 덧붙이고 싶습니다.

  WMS API 호출 url

  https://www.safemap.go.kr/openApiService/wms/getLayerData.do?apikey=WQH9IHYW-WQH9-WQH9-WQH9-WQH9IHYWEB&layername=A2SM_RBLNG_4&layers=A2SM_RBLNG_4&styles=A2SM_RBLNG_4&SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image/png&TRANSPARENT=true&WIDTH=256&HEIGHT=256&CRS=EPSG:4326&BBOX=126.0,33.0,130.0,39.0

📎 참고

• API 관련 문서: https://www.safemap.go.kr/opna/data/dataView.do

• 현재 Bubble에서 사용 중인 지도 모습 (첨부 이미지 1)

• 구현하고 싶은 모습: 생활안전지도 시스템의 스크린샷 (첨부 이미지 2)

감사합니다!