google map plugin on wordpress page not showing - javascript

I have a website made with Wordpress that should show a Google Map on three sub-pages. The problem is the map only shows if I open the page and then refresh it.
Note: I don't have a cache plugin installed.
Live site
Google Maps plugin

the problem is solved now.
it was an issue with the theme. i deactivated the ajax of the theme and the maps are now working.

Related

How to identify JQuery version being used in a web page

Hi i found this page:
https://crossme.jp/
and I wonder if it's using fullpage javascript for the images. I know that is using three JavaScript for the effect of the cursor, but for the effect of background images I don't know.
I use google inspect for all my projects and I don't how to debug the java-scripts in the page.
Please help as I want to replicate this page.
In chrome you can check source tab in developer tools and find it out.
Or you can simply check the page source of the webpage and search for jquery.
But to answer your question, this page is using jQuery v1.10.2
And for the cursor as well as 3D effects for images, this page is using mrdoob's 3D library : https://github.com/mrdoob/three.js/

When I activate wp/jQuery scrollbar plugin in my website, twitter widget don't show any tweet

I am working on a website. For my design it's necessary to use custom content scrollbar. That's why i used Jquery Custom Content Scroller and also WP Awesome Scrollbar. I also used a twitter widget to show tweets.
But the problem is when i use one of the two plugins(Jquery Custom Content Scroller/WP Awesome Scrollbar) twitter widget don't show any content. I didn't find out any solution for this problem. Here is the website link. On the home page right side after about content there is a area for recent tweets.
Is there any solution?
It seems that the JavaScript in the Custom Code Slider is conflicting with the twitter widget as it loads and and then disappears. There is no error in the console unforuntaly. I seen there was a 302 and 304 HTTP Reponse from Twitter though which I can't explain why without logging into the twitter account + having all the keys.
A work around I suggest is installing JetPack by Automatic if you haven't already done so, and use their WordPress Widget as it is a lot more reliable that the 3rd party ones. This should work.
I have looked at your site and you source code and the jetpack version works... further I tested it on a couple of browsers. See the image:

Cordova problems with google map

I'm developing an app whit phonegap (cordova). This app includes a google map with some markers.
The app also has more pages as a list of comerces…
The map shows correctly, but when I change the page, and back to the map page, sometimes the map is displaced and the info windows not open correctly.
Is there any way to put a map and it appears correctly when changing pages?
And I have also seen that the map consuming a lot internet data.
Could someone make me a suggestion?
I hope someone can help me!!
Thanks, and excuse me for my bad english.
I had similar problems with google maps and cordova. I was using jquery-mobile and sometimes if you switch between pages the maps wasn't loaded properly. You can check out different page events and try to "resize" the maps. I was also playing with different version of cordova and jquery-mobile. This could help as well.
$(document).on("pagebeforeshow","#pagetwo",function(){
google.maps.event.trigger(map, 'resize');
});
best
M

CSS or JavaScript Conflict - Google Map Won't Display

The WordPress theme I am using has built in JavaScript and CSS for Google maps on the contact page. So, I'm guessing there is conflicting code. I can't seem to find where the conflict is when I am trying to use a plugin which also uses Google Maps.
I would really appreciate any help correcting this issue so that this Google Map will display instead of an empty gray box. I tried everything I know to do.
http://boothambuilders.com/service-area/
The plugin works on all other themes I'm using.
Also, this is the only page where the background doesn't display properly. I don't know how it is related to the issue.
It is not a CSS conflict, you are calling the Google Maps API twice...

Conflict with Google maps V3 API and MooTools

I'm have a conflict with Google Maps v3 API and Mootools. For some reason when the page where the maps is on is loaded it looks fine but about 10 seconds later the map disappears as well as all but 1 pin point.
You can see it here: http://goo.gl/Sr0b2
If I remove mootools.js which loads in my footer, the problem goes away but then some of the javascript on my WordPress theme doesn't work such as the drop down menu in the header so removing mootools is not an option.
Anyone know what may be causing the conflict and how I can fix it?
Any help is appreciated.
I solved the problem by using an iframe for the map, this way the mootools.js on the page doesn't affect the map script. I usually don't use iframes but in this situation it doesn't affect the site's SEO or anything else and it's a perfect solution. So if you have this same issue you can load the map on a page of its own (with nothing but the map) and then insert it anywhere with

Categories

Resources