워드프레스에 R 리플릿 맵을 삽입하다

워드프레스에 R 리플릿 맵을 삽입하다

R의 전단 패키지를 사용하여 간단한 인터랙티브 맵을 작성했습니다.뭐 이런 거

leaflet() %>% addTiles() 

이제 워드프레스 웹사이트에 삽입하고 싶습니다.

RStudio Viewer 내보내기 버튼을 클릭하여 "웹페이지로 저장..."을 선택한 후 로컬 컴퓨터에 .html을 저장했습니다.

페이지 에디터에서 "Add a media"를 클릭하여 이전에 저장한 .html을 선택하여 이 맵을 WP 웹사이트 게시물에 삽입하려고 했습니다.하지만 다음과 같은 오류가 발생합니다.

"파일 형식이 지원되지 않기 때문에 파일 1개를 업로드할 수 없습니다."

편집기에서 html 파일을 열고 (매우 길고 좌표로 가득 찬) html 코드를 복사하여 WP 페이지 편집기의 html 탭에 붙여넣으려고 했습니다.편집자는 이 코드를 다음과 같이 변환합니다.

<div id="htmlwidget_container">
<div id="htmlwidget-2390" class="leaflet html-widget" style="width: 100%; height: 400px;"></div> </div>

비주얼 탭에는 지도가 표시되지 않습니다.어떻게 해야 할지 정말 모르겠어요.어떤 도움이라도 주시면 감사하겠습니다.아시다시피 저는 WP와 웹 어플리케이션에는 전혀 익숙하지 않습니다.

고마워, 자코포

위젯을 .html 파일에 저장하고 이 .html 파일을 미디어 라이브러리에 Import할 수 있습니다.

library(htmlwidgets) 
library(DT) 
a <- datatable(iris) 
saveWidget(a, "datatable-iris-example.html")

그런 다음 .html 파일을 미디어 라이브러리로 가져옵니다.그런 다음 게시물에 단축코드를 추가합니다.블로그 투고를 편집할 때 페이지에서 인코딩하는 방법은 다음과 같습니다.

<iframe seamless src="http://www.phillipburger.net/wordpress/wp-
content/uploads/2015/05/datatable-iris-example.html" width="100%" 
height="500"></iframe>

모든 크레딧은 필립 버거와 그의 포스트에 돌아간다.

더 좋은 방법이 있나요?

QA테스트는 안 해봤는데...제 논리는 원시 HTML 위젯을 사용하고 간단한 php include 행을 추가하는 것입니다.이런 느낌

<h3>My aweseome R map</h3>
<?php include 'saved_file.html';?>

이 개념은 기존 조각을 말하기 위해 가져오는 정적 컨텐츠 CMS 개념에서 비롯되었습니다.

순서:

1) 추가 파일 확장자를 삽입할 수 있는 플러그인을 설치하고 확인합니다..html를 클릭합니다.

2) 업로드를 시도합니다..html파일을 WP에 보관합니다.

3) 업로드한 파일을 다음과 같이 삽입합니다.<iframe>요소 또는 include-me, include-url 또는 simple-displugins 등의 플러그인을 사용합니다.

나는 이 게시물이 오래되었다는 것을 알지만 나는 단지 이것을 하는 방법을 고안했고 공유하기를 원했다.

위에서 설명한 것과 같은 방법 @OBB3를 사용하여 플롯을 html 파일로 저장할 수 있다는 것을 알았고, 다음 방법을 사용하여 웹 사이트에 삽입하고 싶다는 것을 알았습니다.<iframe>하지만 인터넷에서 파일을 호스트하는 방법을 찾을 수 없었습니다.<iframe>discloss.to.discloss.

저는 결국 GitHub 솔루션을 찾았습니다.GitHub 솔루션은 플롯을 쉽게 변경하고 변경을 푸시할 수 있으며 플롯은 자동으로 제 웹사이트에서 업데이트됩니다.

1. 새 보고서 작성
2. 플롯의 .html 파일을 repo에 추가합니다.
3. [ Settings ]> [ Pages ]으로 이동하여 [Source]에서 [Main]브런치를 선택합니다.
4. iframe을 http://username.github.io/repository/myplot으로 포인트 합니다(GitHub 사용자 이름, repo 이름, .filename 파일 이름 각각 굵은 글씨로 입력).

엘리자베스 테르 사하키안의 직책은 나에게 위의 대부분을 가르쳐준 공로를 인정한다.

내 그림의 모든 상호작용과 다른 요소들은 이 방법을 사용하여 보존되었다.

언급URL : https://stackoverflow.com/questions/42008179/embed-r-leaflet-map-in-wordpress