-73.96625
40.78343
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fn="http://www.w3.org/2005/xpath-functions"
xmlns:gd="http://schemas.google.com/g/2005"
xmlns:media="http://search.yahoo.com/mrss/"
xmlns:n1="http://www.w3.org/2005/Atom"
xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/"
xmlns:xdt="http://www.w3.org/2005/xpath-datatypes"
xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:yt="http://gdata.youtube.com/schemas/2007"
xmlns:altova="http://www.altova.com">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps & YouTube with Cities</title>
<script type="text/javascript" src="file:///Users/andrea/Documents/workspace/MapTube/youtube.js"></script>
<script type="text/javascript" src="file:///Users/andrea/Documents/workspace/MapTube/swobject.js"></script>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA17u4FI4fwZVs1n23JWSmNBTwM0brOpm-All5BF6PoaKBxRWWERSHDGh3tn1U_I6FgcJc63o-0UYDxw"
type="text/javascript"></script>
<script type="text/javascript">
var points = [] ;
var movies_ids = [];
//var movies_authors_name = [];
//var movies_titles = [];
//var movies_authors_uri = [];
/*
* Here we push into 2 arrays the ID (into movie_ids) of the movie and
* the point of the location
*/
%plottable_movies%
var query = new String("%query%");
/*
* for(i in points)
* document.write( points[i] + '<br>');
*
*
* for(j in movies_ids){
* document.write( movies_ids[j] + '<br>');
*/
parent.addMarkers(query, points, movies_ids); // movies_titles, movies_authors_name, movies_authors_uri);
</script>
</head>
<body>
<h1> Searched value: %query% </h1>
%plottable_movies_div%
%unplottable_movies_div%
</body>
</html>
GET
http://ws.geonames.org/findNearestAddress?lat=%latitude%&lng=%longitude%
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<geonames>
<address>
<street>E Barcelona Dr</street>
<streetNumber>2563</streetNumber>
<lat>40.59703</lat>
<lng>-111.819175</lng>
<distance>0.04</distance>
<postalcode>84093</postalcode>
<placename/>
<adminCode2>035</adminCode2>
<adminName2>Salt Lake</adminName2>
<adminCode1>UT</adminCode1>
<adminName1>Utah</adminName1>
<countryCode>US</countryCode>
</address>
</geonames>
/geonames//adminName2
<?xml version="1.0"?>
<xsl:stylesheet version="1.0"
xmlns:a="http://www.w3.org/2005/Atom"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:fn="http://www.w3.org/2005/xpath-functions"
xmlns:gd="http://schemas.google.com/g/2005"
xmlns:media="http://search.yahoo.com/mrss/"
xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/"
xmlns:xdt="http://www.w3.org/2005/xpath-datatypes"
xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:yt="http://gdata.youtube.com/schemas/2007"
xmlns:georss="http://www.georss.org/georss"
xmlns:gml="http://www.opengis.net/gml"
xmlns:altova="http://www.altova.com"
exclude-result-prefixes="a xsl">
<xsl:output method="xml"
doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
encoding="utf-8"/>
<xsl:template match="/">
<xsl:apply-templates select="a:feed/a:entry"/>
</xsl:template>
<xsl:template match="a:entry">
movies_ids.push( new String('<xsl:value-of select="a:id" />').replace("http://gdata.youtube.com/feeds/api/videos/","" ));
points.push( new String('<xsl:value-of select="georss:where/gml:Point/gml:pos" />').replace( " ","," ) );
</xsl:template>
</xsl:stylesheet>
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fn="http://www.w3.org/2005/xpath-functions" xmlns:gd="http://schemas.google.com/g/2005" xmlns:media="http://search.yahoo.com/mrss/" xmlns:n1="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:xdt="http://www.w3.org/2005/xpath-datatypes" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:yt="http://gdata.youtube.com/schemas/2007" xmlns:altova="http://www.altova.com">
<xsl:output method="html" encoding="ISO-8859-1" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<xsl:param name="SV_OutputFormat" select="'HTML'"/>
<xsl:variable name="XML" select="/"/>
<xsl:template match="/">
<html>
<head>
<title>Youtube playlist</title>
<link rel="stylesheet" href="http://pappmaskin.no/opensource/youtube/youtube.css" media="screen"/>
<script type="text/javascript" src="youtube.js"/>
<script type="text/javascript" src="swfobject.js"/>
</head>
<body>
<div id="youtube">
<h1>YouTube Playlist</h1>
<xsl:for-each select="$XML">
<xsl:for-each select="n1:feed">
<xsl:if test="n1:entry[1]">
<div class="youtubevideo"><div id="cur_video">
<xsl:for-each select="n1:entry[1]/media:group/media:content">
<xsl:if test="@type = 'application/x-shockwave-flash'">
<embed>
<xsl:attribute name="src">
<xsl:value-of select="@url"/>
</xsl:attribute>
<xsl:attribute name="width">480</xsl:attribute>
<xsl:attribute name="height">385</xsl:attribute>
<xsl:attribute name="quality">high</xsl:attribute>
<xsl:attribute name="bgcolor">#000</xsl:attribute>
<xsl:attribute name="id">cur_video_swf</xsl:attribute>
<xsl:attribute name="name">cur_video_swf</xsl:attribute>
</embed>
</xsl:if>
</xsl:for-each>
</div> <!-- avslutter cur_video -->
<div id="cur_video_title">
<xsl:value-of select="n1:entry[1]/n1:title"/>
</div>
</div> <!-- avslutter youtubevideo -->
</xsl:if>
<div class="youtubethumbs">
<xsl:for-each select="n1:entry">
<xsl:if test="position() > 1">
<xsl:for-each select="media:group">
<div class="youtubethumb">
<xsl:for-each select="media:content">
<xsl:if test="@type = 'application/x-shockwave-flash'">
<a>
<xsl:attribute name="href">#</xsl:attribute>
<xsl:attribute name="onmousedown">PlayVideo('<xsl:value-of select="@url"/>','http://img.youtube.com/vi/h8oBykb_Pqs/2.jpg', 'Youtube', true);</xsl:attribute>
<!--
<xsl:attribute name="onmousedown">PlayVideo('<xsl:value-of select="@url"/>', 'http://img.youtube.com/vi/h8oBykb_Pqs/2.jpg', '<xsl:value-of disable-output-escaping="no" select="../media:title"/>', true);</xsl:attribute>
-->
<xsl:attribute name="onclick">return false;</xsl:attribute>
<xsl:for-each select="../media:thumbnail[1]">
<xsl:element name="img">
<xsl:attribute name="src"><xsl:value-of select="@url"/></xsl:attribute><xsl:attribute name="lowsrc">lowsrc.gif</xsl:attribute><xsl:attribute name="width">100</xsl:attribute><xsl:attribute name="height">60</xsl:attribute>
</xsl:element>
</xsl:for-each>
<xsl:value-of select="../media:title"/>
<!--<xsl:value-of disable-output-escaping="no" select="../media:title"/>
-->
</a>
</xsl:if>
</xsl:for-each>
</div> <!-- avslutter youtubethumb -->
</xsl:for-each>
</xsl:if> <!-- avslutter if på position > 0 -->
</xsl:for-each>
</div><!-- avslutter youtubethumbnails -->
</xsl:for-each>
</xsl:for-each>
<div class="youtubefooter" style="clear: both; color: #999999; font-size: 0.8em;">Disclaimer: These videos are retrieved from Youtube through a simple search. Even though the search is done with a filter to remove "inappropriate material", it may still contain videos deemed offensive by some. Videos may or may not be in violation of international copyright law.</div>
</div> <!-- avslutter id youtube -->
</body>
</html>
</xsl:template>
</xsl:stylesheet>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>MapTube Mashup with JOpera</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA17u4FI4fwZVs1n23JWSmNBTwM0brOpm-All5BF6PoaKBxRWWERSHDGh3tn1U_I6FgcJc63o-0UYDxw"
type="text/javascript"></script>
<script type="text/javascript">
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 6); // Palo Alto as Default
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
GEvent.addListener(map,"click", function(overlay, latlng) {
if (latlng) {
document.forms["maptube"].longitude.value = latlng.lng();
document.forms["maptube"].latitude.value = latlng.lat();
document.forms["maptube"].submit();
}
});
}
}// end load()
function addMarkers(query, points, movies_ids){
document.getElementById("query").innerHTML = query;
var markers = [];
for( var p in points ) {
markers.push( new GMarker( GLatLng.fromUrlValue( points[p] ) ) );
}
var divs = [];
for( var d in movies_ids ){
divs.push(
'<div style="width:450; height: 400;">' +
'<object width="425" height="355">' +
'<param name="movie" value="http://www.youtube.com/v/'+ movies_ids[d] + '&rel=1"></param>'+
'<param name="wmode" value="transparent"></param>'+
'<embed src="http://www.youtube.com/v/' + movies_ids[d] + '&rel=1" '+
'type="application/x-shockwave-flash"' +
'wmode="transparent" width="425" height="355">' +
'</embed>' +
'</object>' +
'</div>'
);
}
// Now we have two arrays one with the markers and one with the content to be bound in the InfoWindow, so
for( var m in markers ) {
// displaying the marker on the map
map.addOverlay( markers[m] );
// binding the flash video to the window
markers[m].bindInfoWindow( divs[m] );
}
}
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 65%%; height: 800px; display:inline; float: left"></div>
<iframe name ="the_iframe" style="width:34%%; height:800px; float:right">
</iframe>
<div style= "clear:both">
<form name='maptube' action="http://localhost:8080/rest/mashup_maptube/MapTube/1.0/" target="the_iframe" method="post">
<p>
<span class="pname">Longitude:</span>
<input class="pval" type="text" id="long" name="longitude"/>
<span class="pname">Latitude:</span>
<input class="pval" type="text" id="lat" name="latitude"/>
<input type="hidden" name="Action" value="Run"/>
Searched Value:
<span id= "query"></span>
</p>
</form>
</div>
</body>
</html>
GET
http://gdata.youtube.com/feeds/api/videos?q=%cityName%&location=%latitude%,%longitude%!&location-radius=100km&prettyprint=true
GET
http://gdata.youtube.com/feeds/api/videos?q=%cityName%&prettyprint=true&location=%latitude%,%longitude%&location-radius=100km
if ( cityName.length() == 0 ){
resultName = "";
}else{
resultName = cityName;
}