Parallax com Google Maps

[Henrique.antonio.buzin 0]

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á.

[L. Henrique 179]

Você está adicionando o arquivo do Google Maps aonde? Sozinho ou junto com outras funções JS? Na verdade nada era pra bloquear o seu parallax, já que são coisas distintas.

Abra o seu site no Google Chrome, clique com o botão direito, clique em Inspecionar Elemento e veja os possíveis erros de script que ele te dá e compartilhe conosco.

[Henrique.antonio.buzin 0]

Estou adicionando o arquivo do Google Maps via função:

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "https://maps.googleapis.com/maps/api/js?key=***&callback=initialize";
  document.body.appendChild(script);
}
window.onload = loadScript;

O console não mostra nenhum erro.

Sim, é estranho porque eu removo e funciona normalmente.