Edit in JSFiddle

JavaScript
HTML
CSS
Result

var panoramioLayer;
function initialize()
{
    var map = new google.maps.Map(document.getElementById("map"),
    {
        zoom: 3,
        center: new google.maps.LatLng(33.8869, 9.5375),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    panoramioLayer = new google.maps.panoramio.PanoramioLayer();
    panoramioLayer.setMap(map);
}

function getTaggedPhotos()
{
    var tagFilter = document.getElementById('tag').value;
    panoramioLayer.setTag(tagFilter);
}

<html>
<head>
<title>Google Maps API v3 Example: Panoramio Layer Tag search</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=panoramio"></script>
<script type="text/javascript">
</script>
</head>
<body onload="initialize()">
<div style="height: 30px; width: 530px" align="center">
<input id="tag" type="textbox">
<input type="button" value="Search" onclick="getTaggedPhotos()">
</div>
<div id="map" style="height: 200px; width: 530px"></div>
</body>
</html>