个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我一直在尝试使用 RStudio 的 Shiny 库创建一个带有嵌入式 Google 街景的网络应用程序；但无法在应用程序中呈现街景。我一直在使用以下示例 JavaScript 和 HTML: https://developers.google.com/maps/documentation/javascript/examples/streetview-embed我粘贴在这里:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Street View containers</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script>
function initialize() {
var bryantPark = new google.maps.LatLng(37.869260, -122.254811);
var panoramaOptions = {
position: bryantPark,
pov: {
heading: 165,
pitch: 0
},
zoom: 1
};
var myPano = new google.maps.StreetViewPanorama(
document.getElementById('map-canvas'),
panoramaOptions);
myPano.setVisible(true);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
我的用户界面和服务器脚本是:
ui.R
shinyUI(fluidPage(
titlePanel("Google StreetView"),
mainPanel(
uiOutput("inc")
)
))
和
服务器.R
library(shiny)
shinyServer(function(input, output) {
getPage<-function() {
return(includeHTML("googleStreetViewContainer.html"))
}
output$inc<-renderUI({getPage()})
})
我尝试了几个不同版本的 ui.R 和 server.R 文件，方法是直接在 ui.R 文件中使用 includeHTML，而不是定义 getPage 函数，并且还在 ui.R 文件中使用 tags$script。
我没有收到任何错误，但街景未呈现。有什么想法吗？
最佳答案
你可以用我的 googleway 做到这一点包和有效的 Google Maps API key
在 Shiny 中，你在 server 中调用 renderGoogle_map()，在 UI 中调用 google_mapOutput() 来加载情节。
然后 google_map() 运行 map 。当它打开时，您可以像往常一样在 Google map 上访问卫星/街景
library(shiny)
library(shinydashboard)
library(googleway)
df <- data.frame(lat = -37.817714,
lon = 144.967260,
info = "Flinders Street Station")
map_key <- "your_api_key_here"
ui <- dashboardPage(
dashboardHeader(),
dashboardSidebar(),
dashboardBody(
box( google_mapOutput("myMap") )
)
)
server <- function(input, output){
output$myMap <- renderGoogle_map({
google_map(location = c(df$lat, df$lon), key = map_key, search_box = T)
})
}
shinyApp(ui, server)
关于javascript - Shiny Application 中的谷歌街景容器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30052837/
26
4
0
我有一个页面，其中应包含一个带有谷歌地图的 div 和一个带有街景的 div。 map 工作正常，但街景根本不显示，它只是一个空的 div。但我无法让 JS 抛出错误。 这是我的代码，它可能是我缺少的
我正在使用 Bing Maps 7.0 Ajax Control API，想知道如何显示街景。好像没有办法，但也不能这样。有办法吗？ 谢谢，克里斯 最佳答案 Microsoft Street*side
我正在使用 React 将街景加载到我得到的组件中: 正如我们所看到的 - map 组件加载得很好，街景组件似乎也加载得很好，只是它后面的图像(实际的街景)没有加载。 报告的错误是: ** Uncau
当您创建没有任何位置的街景 View 时，您会看到一个带有控件的灰色框。 var panorama = new google.maps.StreetViewPanorama(element.find
我有一个谷歌地图街景，效果很好: 我使用 google maps API 来定位和渲染 map (coffeescript) # initialize google street view in
这个问题已经有答案了: Google street view URL (5 个回答) 已关闭 9 年前。 我想创建一个链接，将我带到“Google 街景”地址。我找到了这个: How to conve
我过去常常从我的应用程序向 map 发送一个 Intent，以显示街景全景图。因为有些日子当我启动 Intent map 时说:“街景 View 在这里不可用”。我尝试运行一个新项目，其 Intent
我们可以在 MKMapKit 中使用街景吗？它与 iPhone 谷歌地图应用程序一起使用。如果现在我们可以集成到我们的应用程序中吗？ 最佳答案 我已经成功使用 javascript Google Ma
已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。 这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-top
map 中没有可拖到街道上的小人图标。 有没有办法以编程方式启用他？ 谢谢。 最佳答案 MKMapView 不支持“小人”(街景小人)或街景。 一种替代方法是直接使用 Google Maps Java
有没有办法在 Xcode 中的 Google map 街景 (GMSPanoramaView) 中进行自定义标记？我可以找到在常规 map View 中执行自定义标记的教程，但找不到在街景 View
我正在尝试将 Google map V3 API 集成到我们的网站中。我需要读取地址并将其设置为 MAP API，以便 map 显示该地址的街景。 所以我需要 3 点帮助。 如何读取地址值。 示例:v
Google map API 提供了一些回调用户编写的方法但具有特定参数的方法，例如 getPanoramaByLocation() 。我的问题是我无法可靠地将我的请求与响应关联起来。基本调用如下所示
我正在模态上输出街景 map 。目前，在调整窗口大小之前，它只会显示黑色。我尝试在按钮点击时使用 google.maps.event.trigger(map, "resize"); 方法，但似乎无法使
我想使用自定义全景位置，但我需要一个全景 ID。有人可以解释一下如何从下一个链接获取全景图 id: https://www.google.nl/maps/@52.239981,6.851849,3a,
最近，谷歌地图可以通过“TimeMachine”回到过去的街景。 我在 API 中找不到方法。 他们的 TimeMachine 参数是否用于更改时间？ 如果我们没有 API 来获取“TimeMachi
我正在 Google Maps v3.exp 上绘制一些标记和折线。 当我切换到 StreetView 时，标记在那里，多段线不存在。搜索了 Google、SO 和所有其他已知资源，令人惊讶的是，关于
我想知道是否有任何方法可以更改 StreetviewPanorama 对象的视野？ 这没有任何记录，但 Google map 网站似乎没有与通过 API 创建的对象相同的 FOV。 几个例子: 巴黎(
我按照下面的方式使用过街景 /* Map html */ /* Css associated */ .bigmap{ width:100%;
我的应用程序有一些代码可以直接打开 Google map 。我们正在尝试使用如下 URL 直接打开特定坐标的街景 View : comgooglemaps-x-callback://?center=4
我是一名优秀的程序员,十分优秀！