2011-11-19 83 views
1

我真的被卡住了,所以任何幫助,將不勝感激。 TIA!Quartz Composer JavaScript

我有一個Quartz Composition,我想在其中顯示Streetview(來自Google Maps)並能夠控制導航(如能夠向前推進等)。這意味着我需要JavaScript,因此我不知道如何將QC中的JavaScript修補程序與Google Maps API相關聯。

那麼我怎麼能添加兩個字符串,代表經緯度和顯示街景?

這裏是從谷歌的樣本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> 

我怎麼能做到這一點的石英作曲家的JavaScript補丁或任何其他補丁?

非常感謝!

P.S .:通過使用CoGe Webkit Plugin加載QC頁面,它已經部分工作。但我不知道如何通過QC來控制HTML內部的JavaScript。從QC發送變量到HTML頁面或類似的任何其他方式?

回答

1

真的很容易,希望它也能幫助別人。

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插件的創造者,塔馬斯·納吉的回答!

相關問題