Parallax com Google Maps

Olá,

Estou desenvolvendo um sistema que utiliza parallax, mas quando add o google maps javascript api, o parallax para de funcionar.

Segue abaixo os códigos que estou utilizando:

Javascript:

jQuery(".parallax").each(function(){
var $obj = jQuery("this");
jQuery(window).scroll(function(){
var posY = -(jQuery(window).scrollTop() / $obj.data("speed"));
var posB = "0 "+ posY + " px";
$obj.css("background-position", posB);
});
});

CSS:

.parallax{
color: #FFF;
width: 100%;
min-height: 100%;
background-attachment: fixed;
}

HTML:

<div class="parallax" data-speed="0.1">
<div id="mapa"></div>
</div>

Google Maps API:

function initialize(){
var myLatlng = new google.maps.LatLng(-27.548111, -48.498645);
var mapOptions = {

zoom: 17, center: myLatlng, panControl: false, zoomControl: false, scrollwheel: false, navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: false, streetViewControl: false, overviewMapControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP, styles: styles }

var map = new google.maps.Map(document.getElementById("mapa"), mapOptions);

google.maps.event.addDomListener(window, 'load', initialize);
google.maps.event.addDomListener(window, "resize", function(){
var center = map.getCenter();
google.maps.event.trigger(map, "resize");
map.setCenter(center);
});
var image = 'images/logo.png';
 var beachMarker = new google.maps.Marker({
 position: myLatlng,
 map: map,
 icon: image
 });
}

Tem alguma coisa errada ou que devo acrescentar para funcionar?

Agradeço desde já.