기타
2021.03.03 10:40

질문 -- Embed -- AllTrails Map

profile
조회 수 249 추천 수 0 댓글 20
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄 첨부

AllTrails Map을 본문에 넣을려고 하는데 잘 안되네요.

어디가 틀렸는 지 좀 봐 주실래요?

 

1) AllTrails로 가서 Embed를 카피한다.

embed alltrails map.png

2)  메뉴의 "소스"를 클릭한다.

source menu.png

 

 

4)  카피한 내용을 붙여 넣는다.

copy embed.png

 

4) 클릭 "등록"

 

 

 

  • profile
    보해 2021.03.03 11:56

    동사님,  다 정확히 하셨는데 마지막 

    4) 클릭 "등록"  하시기전에 소스버튼을 다시 클릭하시면 지도가 Embed 되는게 보입니다.

    그다음에 등록 하심 됩니다.

    그리고 Copy & Paste 하신 HTML 명령어 내용을 보시면 Alltrail 은 기본값이 width=100%" height="400" 으로 되어 있는데 이말은 가로로 화면 100% 보이게하고 세로는 400 pixel 로 보이게 하라는 명령어입니다. 다만 width ="100%" 일 경우는 스마트폰 화면에 조금 잘리고 화면 스크롤 하는데 애로가 있어 width="95%" 정도로 수정해주시면 됩니다.

    구글지도, 동영상, Alltrail 지도등 이미지 따와 업로드대신 직접 Embed 하시길 원하시면 이와 같은 방법으로 하심 됩니다.

    참고 되셨길 바랍니다.

  • profile
    동사 2021.03.03 12:32 Files첨부 (1)

    보해님, 답변 감사합니다. 그런데 전 여전히 안되요. 일단 카피 한 다음에 "소스"를 클릭하니까 지도가 보이기는 하는데, "등록"을 누르면 다시 없어져요. 

    copy embed and.png

     

     

     

  • profile

     

    동사님 Test 결과 웹사이트는 이상없고 계속 안되는 경우라면 링크 걸려있는 src =https;//  부분이 연결이 안되는 경우 같습니다

     

    동사님 Alltrail  Setting 으로 가셔서 Capture 1.JPG

     

     

     

    Privacy 가 체크 되어 있는지 확인하시고 체크가 되어 있다면 해제해 주시면 "src= " 로 링크되어 있는 지도가 보일겁니다.

    Capture.png

     

  • profile
    동사 2021.03.03 12:45

    등록 버튼을 누르면 html code 내용이 바뀌어요! "src=..." 항목이 사라지네요. 어디가 잘 못 되었는지를 모르겠어요.

     

    [Before 등록]

    <p><iframe class="alltrails" frameborder="0" height="400" marginheight="0" marginwidth="0" scrolling="no" src="https://www.alltrails.com/widget/map/saratoga-gap-24mi-db07908?u=i" title="AllTrails: Trail Guides and Maps for Hiking, Camping, and Running" width="100%"></iframe></p>

     

    [After 등록]

    <p><iframe class="alltrails" frameborder="0" height="400" marginheight="0" marginwidth="0" scrolling="no" title="AllTrails: Trail Guides and Maps for Hiking, Camping, and Running" width="100%"></iframe></p>

     
     
  • profile
    보해 2021.03.03 12:52

    "src=" 이 사라지는 경우는 Alltrail 지도가 Private 로 설정 되어 있는 경우일 겁니다. 

    바로위 댓글 참고요

  • profile
    동사 2021.03.03 13:03

    이미 private로 안 설정 되어 있어요.

    그리고 다른 사람 것을 가져다 와도 역시 안돼요.

     

    보해님이 아래 것을 임베드 해 보실래요?

    <iframe class="alltrails" src="https://www.alltrails.com/widget/map/tarwater-2021-7mi-84e8ce7?u=i" width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="AllTrails: Trail Guides and Maps for Hiking, Camping, and Running"></iframe>

     

     

  • profile

    Setting 에 Privacy 에 체크 안되어 있는데도 안된다면 Embed 하실려는 지도가 그리신후 Private Map 으로 저장하신 경우입니다.

    이경우 

    Capture 5.png

     

    해당지도 여시고 Edit Map 클릭하시면 

     

    Capture 1.png

     

    Make map private 가 켜져 있을겁니다. 꺼시면 될겁니다 ㅎ

  • profile
    동사 2021.03.03 13:10

    이건 보해님 지도에요.

     

    이것도 안되네요.

    뭔지는 모르겠지만 제 문제 같아요.

     

     

  • profile
    동사 2021.03.03 14:09

    보해님,

    같은 지도임에도 불구하고 보해님은 되고 저는 안되네요. 제 컴의 문제 같아요. 아무튼 답변주셔서 감사합니다.

  • profile
    보해 2021.03.03 18:24

    동사님, 소스를 이용한 HTML 편집을 정회원 이상이면 가능하도록 설정해 두었는데 유독 iframe 에서 링크 명령어인 src="https://" 가 등록시 사라지는 부분이  궁금하여 왜 버그가 나는지 조금 찿아보았습니다.

    찿고 조사해본 부분은 저희가 사용중인 XpressEngine 1.8.18 버전에서 가끔 이러한 버그가 나는걸로 나오네요.

    새로 패치깔아 수정했는데 지금은 되는지 다시한번 시도해 보실래요??

  • profile
    동사 2021.03.03 19:10

    보해님, 이제 되네요. 수고해 주신 거 감사드립니다. ㅎㅎ

     

  • profile
    아리송 2021.03.03 19:26

  • profile
    동사 2021.03.03 19:30

    제가 한 번 해 볼께요

     

     

  • profile
    아리송 2021.03.03 20:04

    바로 등록을 하면 안되고 .소스를 한번 더 눌러서 뜨는걸 확인하고 등록을 해야 하네요. 계속 등록버턴만 눌렀더니 안되었던거 같아요.

  • profile
    아리송 2021.03.03 20:13

     

    Google Map도 테스트로 해봄. 

    맵이 되었다가 금방 사라지네요.

  • profile
    보해 2021.03.04 04:41 Files첨부 (2)

     Google Map 도 Embed 되게 해달라고 "新 반야심경" 을 독송하며 天祭 (천제) 를 지냈습니다. ㅎ

     

    html.png

     

     

     

    Google Map 도  Embed가  가능합니다.  테스트 돌려보고 확인하고 수정해 두었습니다. ㅎㅎ

    다시 해보시면 될겁니다.

    단 구글맵은  Small 사이즈로 카피하시고 HTML의 기본값 width="400" heidgh="300" 은 변경하지 마시고 Copy 한 HTML 그대로 사용하시길 바랍니다.

    이유는 모바일 버전에서 사용이 편리한 최적화되는 사이즈가 Small 사이즈 입니다.

         

     

     

     

     

     

     

  • profile
    아리송 2021.03.04 21:59

    감사합니다. 이제 되네요.

  • profile

    저는 메뉴란에 소스버튼이 보이질 않습니다.

    20210303_223858.jpg

     

    20210303_223858.jpg

     

     

     

  • profile
    보해 2021.03.04 04:14

    오늘 새벽 일어나 드니로님이 접속하신 IP 주소를 통해  땅굴을 파고 침입하여 드니로님 컴퓨터 경계근무를  서고있는 마이크로 소프트 보안부대를 피해 드니로님 컴퓨터에다 소스 버튼을 심어 놓고 나왔습니다.  

    농담입니다. ㅎㅎ

    기술적인 설명을 드리자면 글도 길어지고 무슨 귀신 씻나락 까먹는 소리처럼 들릴수도 있어 설명은 생략하기로 하고 

    드니로님 컴퓨터에서도 이제부턴 소스버튼이 보이실 겁니다 

  • profile
    드니로 2021.03.04 06:47

    그새 고쳐 주셨네요, ㅎ  감사합니다.