Plugin WP Go Maps not showing - wordpress

I’m trying to fix google maps that work with Pro version of Plugin WP Go Maps.
I see that some classes and styles are not being applied to the map. For example class wpgmza-initialized.
How NOT working html code are look https://ibb.co/QnMZJPf
How normal map are looking on my another project on my localhost https://ibb.co/42NFjZR
It seems that some javascript errors may affect the display of the map. But I can’t understand what exactly needs to be fixed.
How it looks on site

I have fixed jquery error. And it's working

Related

Wordpress youtube embed not clickable bootstrap

After I moved a Wordpress website to production server I noticed youtube embeds were no longer clickable. The image and play button show up but nothing more.
Tried to renew the embed code, using the build in embed function, embed via media browser,... Nothing is working and it's making me crazy.
After some trial and error things I noticed that the video does work when the main bootstrap.css file is removed. Can't seem to find a clue to the solution though.
EDIT
Yes, I tried to disable all the plugins, with no result.
Changing back to the default twenty fifteen theme results in a working video embed. But since that one isn't build on bootstrap it's just a logic fact.
Anyone seen this before?
Web page with video embedded: click here
The website is sending lots of error messages in he consolu use F12 in Chrome, apparently your www-embed-player-new.js is causing the problem. Not even Edge is running the site correctly. I think you need a Chrome extension to make it work.
I would recommend you changing the plugin that imports the videos. Check this enter link description here
EDIT:
The chrome plugin Google Cast stops the error messages but still doesn't work.
The problem was with the wordpress loop on the single.php page.
A wrong code snippet caused the issue.
Fixed!

Google Maps Custom Icons will not load in any Browser

I used a tutorial to make some custom icons in Google Maps API for some local places. When I am in Dreamweaver and testing on my local server, the icons appear just fine. However, when I upload to my host and try to pull the page up on any browser (safari, chrome, canary, firefox), the images do not load. The placeholders for those images do show, though. I cannot understand what the issue is as I have reloaded and rechecked the code hundreds of times. Any help with this would be appreciated. As the code is very long, I have only included some snippets and the address where it is loaded.
To see the page, go to http://www.theriveroverlook.com/Local.html
I tried to load the code using the forum rules, but no matter what, it would not allow me to put the javascript in this post!
Please let me know if you can help me! This is the last piece of the puzzle I need to load this website! I am a newbie coder so I have made a lot of beginner mistakes!
Edited to add:
Thank you for your help. When I renamed the folder, it was fixed. For some reason, it did not like the folder name "icons". Perhaps this has something to do with Google's API
I get the following errors when I load your page:
Since those are the images you are using to create your custom icons they all fail to generate and won't appear on the map. Make sure you are hosting your images correctly and it should work fine.

Custom css for entire Google Chrome browser

Is it possible to change CSS that google Chrome apply to websites.
I want to hide some elements for example on facebook to dont see it, becouse it eats half of my free time.
Something like
.facebook-wall{display:none;} -auto applied everytime I go to fb.
Assuming I understand you correctly...
This isn't for a website you're making
This is only for your own personal use
Use Tampermonkey.
https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en
It's supposed to work much like Greasemonkey (the Firefox add-on), and it should meet your needs.
Stylebot is a good extension. You can interactively build some custom CSS to apply to your choice of website.
It even seems to have an accompanying website where other people have shared their concoctions, so possibly somebody has already put together something to filter down Facebook feeds.

Customize CSS for Facebook Social Plugins

Facebook has these social plugins:
http://developers.facebook.com/docs/plugins/
that can be plugged into a website very easily. They offer limited customization options, and I was wondering if it is possible to change the default CSS to allow custom fonts and colors, re-size images and re-arrange the placement of the buttons or comment.
The particular plugin that I'm looking at is the comments plug in.
Any help or reference that can help me out is greatly appreciated.
Using javascript, YES you can.
give the iframe a name and using prototype framework it can be done like this
frame1.$('mydiv').style.border='1px solid #000000'
and so on. It is possible with any framework.
Make sure you load this javascript after everything is loaded.
Try adding it just before the </body> ....
You're changing the style locally, not on the remote server. In other words, your browser retrieves the vanilla content from facebook and then the JS does it's work inside your browser w/o FB knowing about it... (might be counter-EULA?)

Custom icons in KML not showing up on google maps API V3

So I have a large KML with many custom icons that I want to have show up on a google map (API v3). You can see the example page here: http://mexicometro.org/metro/line1/pantitlan/
the kml I am loading is here: http://mexicometro.org/doc.kml
I can't figure out why the custom icons are not showing up. I believe that my kml is well-written (I did it all by hand); some nesting issues were pointed out to me in the past, but I believe that I have fixed all those.
So can anyone help me pin down the problem? Is it something wrong with my kml? it used to work in the api v2.
Thanks!
Try to put your Style elements in the style definitions at the top and not in the Placemarks. Style element in the Placemark does not seem to be supported according to the documentation: http://code.google.com/apis/kml/documentation/kmlreference.html#placemark
I was having this issue, then I realized that it was a caching issue. Even if you tell your browser to not cache anything Google still will. Make sure to change the name of the kml file to ensure no possible caching.

Resources