Problem with output – Map isn't displayed

[Rado]

Hi there!

I have a problem with WP GPX plugin. When I put the shortcode of some gpx file, map doesn´t work but when I allow download button (Download gpx file), this button is visible and I can download .gpx file after click on the button.

 

This is output of page

<div id=”wpgpxmaps_4284815″ class=”wpgpxmaps”>

<div id=”map_4284815″ style=”width:100%; height:450px”></div>

<div id=”hchart_4284815″ class=”plot” style=”width:100%; height:200px”></div>

<div id=”ngimages_4284815″ class=”ngimages” style=”display:none”></div>

</div>

<a href=’/wp-content/uploads/gpx/fells_loop.gpx‘ target=’_new’>Download</a>

You can see that between divs is empty space and this is the problem. No google map.

 

Please help me. Thank so much and I would like to apologize for my english. Thank you!

[Rado]

I forgot mention that my WordPress version is 3.4.1 and plugins version is the newest 1.1.31

[max]

hi, can you show me the page?

[max]

I think your template have a lot of javascript error.. try the default template and let me know if the plugin works..

[Rado]

Thank you for your reply.

This is the page http://projekt.simply9.sk/wp/kosariska-priepasne/

[Rado]

I working on custom wordpress theme and I found when I choose default theme the plugin works correctly :-/. So in this case I must have error in my code?

[max]

yes, you are including jquery multiple times, at least 4 times:

<script  src="http://projekt.simply9.sk/wp/wp-content/themes/cykloportal/lightbox/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=1.3.2'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>

and than twice:

<script src="http://projekt.simply9.sk/wp/wp-content/themes/cykloportal/js/jquery.vegas.js" type="text/javascript"></script>
and  
<script type="text/javascript" src="http://projekt.simply9.sk/wp/wp-content/themes/cykloportal/js/setting.js"></script>

firebug is returning these errors:

ReferenceError: jQuery is not defined
})( jQuery );
jquery.vegas.js (line 489)

ReferenceError: $ is not defined
$(function() {
setting.js (line 1)

TypeError: $(“#slider1”).bxSlider is not a function
easing: ‘easeOutBounce’
setting.js (line 78)

[Rado]

Thank you 😉 I fixed it and the map still doesn’t work.

My Google chrome is returning these errors:

Uncaught TypeError: Object [object Object] has no method ‘bxSlider’ setting.js:76
Uncaught TypeError: Cannot call method ‘create’ of undefined chrome-extension://aonjhmdcgbgikgjapjckfkefpphjpgma/measureIt.js:120
Unsafe JavaScript attempt to access frame with URL http://projekt.simply9.sk/wp/kosariska-priepasne/ from frame with URL https://maps.google.sk/maps/ms?msa=0&msid=208267417656940188742.0004c33525bad2431878c&hl=sk&ie=UTF8&t=m&z=13&output=embed. Domains, protocols and ports must match.

[max]

You are still including jquery twice, but it’s ok..
Even if you remove the bxSlider lines from settings.js is still not working… there is other things in your javascript..
have you tryed with the dafault theme if my plugin works?

[Rado]

Nice 🙂 The map works :).. You were right :).. I deleted bxSlider lines from settings.js and map works :-).

 

Thank you for your help and for your nice plugin, it realy helped me.

Bye bye.

Greeting from Slovakia

[Autore]

Post