jacopo
Acabo de crear un mapa interactivo simple usando el paquete de folletos en R. Algo como esto
leaflet() %>% addTiles()
Ahora me gustaría incrustarlo en mi sitio web de wordpress.
Hice clic en el botón exportar de RStudio Viewer y elegí “Guardar como página web…”, luego almacené el .html en mi computadora local.
Traté de incrustar este mapa en una publicación en mi sitio web de WP haciendo clic en “Agregar un medio” en el editor de la página y eligiendo el .html previamente almacenado. Pero me sale el error:
“No se pudo cargar 1 archivo porque el tipo de archivo no es compatible”.
Intenté abrir el archivo html en un editor y copiar y pegar el código html (muy largo, lleno de coordenadas) en la pestaña html del editor de páginas WP. El editor convierte este código en
<div id="htmlwidget_container">
<div id="htmlwidget-2390" class="leaflet html-widget" style="width: 100%; height: 400px;"></div> </div>
y no veo ningún mapa en la pestaña visual. Realmente no sé cómo proceder. Cualquier ayuda será apreciada. Como habrás notado, soy completamente nuevo en WP y aplicaciones web.
muchas gracias jacopo
Puede intentar guardar el widget en un archivo .html e importar este archivo .html a su biblioteca de medios.
library(htmlwidgets)
library(DT)
a <- datatable(iris)
saveWidget(a, "datatable-iris-example.html")
A continuación, importe el archivo .html a su biblioteca multimedia. Luego, agrega el shortcode a tu publicación. Aquí se explica cómo codificarlo en la página al editar la publicación del blog:
<iframe seamless src="http://www.phillipburger.net/wordpress/wp-
content/uploads/2015/05/datatable-iris-example.html" width="100%"
height="500"></iframe>
Todos los créditos son para Phillip Burger y su puesto
¿Alguien tiene un método mejor?
-
Intentando hacer esto con un folleto creado en r. El mapa aparece pero los marcadores no. ¿Alguien ha tenido este problema o sabe cómo solucionarlo? Al abrir el archivo html localmente, los marcadores están ahí.
– bpheazye
24 mayo 2018 a las 17:56
No he probado esto pero… mi lógica es usar el widget HTML sin procesar y agregar una línea de inclusión de php simple. un poco como esto
<h3>My aweseome R map</h3>
<?php include 'saved_file.html';?>
El concepto proviene de los conceptos de Static Content CMS en los que importa, por así decirlo, piezas existentes.
Pasos:
1) Instalar el complemento que permite incrustar extensiones de archivo adicionales, y verifique .html
en la página de opciones de ese plugin.
2) ahora intenta subir .html
archivo en WP.
3) incrustar el archivo cargado como <iframe>
o use complementos como: Inclúyeme o incluir-url o simple-incluir
Sé que esta publicación es antigua, pero acabo de improvisar una forma de hacerlo y quería compartirla.
Sabía que podía guardar mi trama como un archivo html usando el mismo método @OBB3 descrito anteriormente, y sabía que quería incrustarlo en mi sitio web usando <iframe>
pero no pude descubrir cómo alojar el archivo en Internet para luego señalar mi <iframe>
a.
Terminé encontrando una solución de GitHub, que tiene el beneficio adicional de que puedo cambiar fácilmente mi trama, impulsar esos cambios y la trama se actualizará automáticamente en mi sitio web:
- Crear un nuevo repositorio
- Agregue el archivo .html de su trama al repositorio
- Vaya a Configuración > Páginas y, en “Fuente”, elija la rama “principal”.
- Apunte su iframe a http://nombre de usuario.github.io/repositorio/miparcela (completando las secciones en negrita con su nombre de usuario de GitHub, el nombre del repositorio y el nombre de extensión previa de su archivo .html, respectivamente)
El crédito es de Elizabeth Ter Sahakyan correo por enseñarme la mayor parte de lo anterior.
Toda la interactividad y los diferentes elementos de mi trama se han conservado utilizando este método.
Las recomendaciones para tutoriales fuera del sitio se consideran fuera de tema para Stack Overflow. Las preguntas que carecen de ejemplos reproducibles específicos son difíciles de responder. Sería útil ser lo más claro posible sobre lo que ha intentado y describir exactamente cómo no funcionó.
– MrFlick
2 de febrero de 2017 a las 17:11
Hola MrFlick, hice algunas ediciones basadas en su comentario, espero que sea mejor ahora. Gracias
– Jacopo
2 de febrero de 2017 a las 17:56
Para incrustar el mapa, con todas las funciones intactas, debe tener algún tipo de contenedor en la página de wordpress que pueda aceptar una página web html en pleno funcionamiento con su propio css y javascript. Intente resolver el problema en el extremo de wordpress. Busca en los foros de soporte de wordpress.
– confluente
3 de febrero de 2017 a las 3:44
Esto es exactamente lo que estoy buscando. No sé nada sobre html, pero no puedo hacer mapas malos en el folleto. Quiero encontrar una manera de mostrar mapas en wordpress (ahora mismo solo tengo un acceso premium). Podría migrar la página a otro tipo de host.
– César Arquero
14 de noviembre de 2018 a las 18:29
Hubiera pensado que la mejor opción sería crear una aplicación simple y brillante con el mapa del folleto, alojarla en shinyapps.io y luego incruste la aplicación brillante alojada en un iframe. Aquí hay un recorrido Encontré.
– Will Hore-Lacy
16 de noviembre de 2018 a las 5:58