1

我真的被困住了，所以任何帮助都将不胜感激。蒂亚！

我有一个石英构图，我想在其中显示街景（来自谷歌地图）并能够控制导航（如能够向前推进等）。这意味着我需要一个 JavaScript 并且我不知道如何将 QC 中的 JavaScript 补丁与 Google Maps API 链接起来。

那么如何添加两个字符串，分别代表 Lat 和 Long 并显示 Streetview？

这是来自 Google 的示例 HTML：

<!DOCTYPE html>
    <html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
  function initialize() {
    var bryantPark = new google.maps.LatLng(37.869260, -122.254811);
    var panoramaOptions = {
      position:bryantPark,
      pov: {
        heading: 90,
        pitch:0,
        zoom:0
      }
    };
    var myPano = new google.maps.StreetViewPanorama(document.getElementById("pano"), panoramaOptions);
    myPano.setVisible(true);
  }
</script>
</head>
<body onload="initialize()">
  <div id="pano" style="width: 1280px; height: 1024px"></div>
</body>
</html>

我怎么能在 Quartz Composer JavaScript Patch 或任何其他补丁中做到这一点？

非常感谢！

PS：它已经通过使用 CoGe Webkit Plugin for QC 加载页面来部分工作。但我不知道如何通过 QC 控制 HTML 中的 JavaScript。任何其他方式将变量从 QC 发送到 HTML 页面或类似的东西？

4

1 回答 1

1

实际上真的很容易，希望它也能帮助其他人。

HTML：

function initialize(x, y) {
    var pos = new google.maps.LatLng(x, y);
    // whatever else you need it to do
}

质量控制：

initialize(x, y)

感谢 CoGe WebKit 插件的创建者 Tamas Nagy 的回答！

于 2011-11-20T20:51:56.827 回答