2016-03-10 5 views
6

में htmlwidgets बनाना rmarkdown के डिफ़ॉल्ट विकल्प fig.width = 12. को सेट करना है। यदि यह संभव हो तो मैं मोबाइल डिवाइस की चौड़ाई के लिए ऑटो-एडजस्ट करना चाहता हूं।रैमडाउन मोबाइल अनुकूल

मैं http://akdata.org/misc/leafletmobile

--- 
title: "Untitled" 
output: html_document 

--- 


```{r}  
    library(leaflet) 
    leaflet() %>% addTiles() 
`` 

जब मैं हालांकि Chrome DevTools में विभिन्न मोबाइल उपकरणों के साथ खेलते हैं यह स्क्रीन की चौड़ाई को समायोजित करेगा पर निम्न Rmarkdown की मेजबानी कर रहा हूँ। मेरे पास एक भौतिक सैमसंग गैलेक्सी 5 है जिसका मैं परीक्षण कर रहा हूं।

उत्तर

3

मुझे लगता है कि एक प्रतिशत निर्दिष्ट करना width आपको वह परिणाम देगा जो आप चाहते हैं। नीचे यह है कि आप इसे में कैसे करेंगे और यहां एक live example है। दुर्भाग्यवश, यदि आप प्रतिशत height भी निर्दिष्ट करते हैं, तो कहीं भी कुछ बग के कारण आपकी स्क्रीन खाली दिखाई देगी, इसलिए यह पूरी तरह उत्तरदायी नहीं है, लेकिन यह अभी भी मेरे आईफोन पर अच्छी तरह से समायोजित है।

--- 
title: "responsive_leaflet" 
author: "TimelyPortfolio" 
date: "March 24, 2016" 
output: 
    html_document: 
    mathjax: null 
--- 

```{r echo=FALSE, warning=FALSE} 
# no help from a framework 
# just percentage height and width 
library(leaflet) 

l <- leaflet(width="100%") %>% 
    addTiles() 
l 
``` 

```{r echo=FALSE, warning=FALSE} 
# demonstrate with Bootstrap 
library(shiny) 

fluidRow(
    column(width=10,l) 
) 
``` 
+0

धन्यवाद। मुझे यह अर्थपूर्ण लग रहा है। – cylondude

0
<div id="htmlwidget-4092" style="width:75%; height:75%; position:absolute" class="leaflet html-widget"></div> 

कोड का यह ब्लॉक स्रोत के नीचे दिखाई देता है। आयाम प्रतिशत के लिए किए जा सकते हैं, और यह स्क्रीन फिट करने के लिए स्वतः आकार बदल जाएगा। किसी भी प्रतिशत काम करना चाहिए। इसके अलावा, position: absolute यह सुनिश्चित करने के लिए आवश्यक है कि यह सही स्थान पर रहता है।

नोट: मैं पृष्ठ स्रोत में उन बड़े लिंक को कम करने का एक तरीका ढूंढने की अनुशंसा करता हूं।

संबंधित मुद्दे