石英作曲家 JavaScript答案

【问题标题】：Quartz Composer JavaScript石英作曲家 JavaScript
【发布时间】：2011-11-21 04:51:56
【问题描述】：

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

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

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

这是来自 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 或任何其他补丁中做到这一点？

非常感谢！

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

【问题讨论】：

标签： javascript google-maps-api-3 quartz-composer

【解决方案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 的回答！

【讨论】：