Кварцевый Композитор JavaScript - PullRequest
Новая
       35

Кварцевый Композитор JavaScript

1 голос
/ 19 ноября 2011

Я действительно застрял, поэтому любая помощь будет оценена.TIA!

У меня есть Кварцевая Композиция, в которой я хочу отобразить StreetView (из Google Maps) и иметь возможность управлять навигацией (как в случае продвижения вперед и т. Д.).Это означало бы, что мне нужен JavaScript для этого, и я понятия не имею, как связать исправление JavaScript в QC с API Карт Google.

Так как я могу добавить две строки, представляющие Lat и Long иотобразить Streetview?

Вот пример HTML от Google, который делает это: 

<!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 для контроля качества.Но я понятия не имею, как управлять JavaScript внутри HTML через QC.Любой другой способ отправить переменные из QC на страницу HTML или что-то подобное?

1 Ответ

1 голос
/ 21 ноября 2011

Действительно просто, надеюсь, это поможет и другим.

HTML: 

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

QC: 

initialize(x, y)

Спасибо создателю CoGeПлагин WebKit, Тамас Надя за ответ!

...