Google Maps V3: Styled maps suddenly lost their styles? - google-maps-api-3

I was working on my site last night and suddenly my styled map went back to the default style. Looking around it seems that the styles on Google's own blog aren't working.
Even the Map style wizard is not working.
I thought this might just be me, but I have looked in both Firefox and Chrome and on two different computers. Strangely, it does seem that there are some maps that are still styled.
Has there been a change in the syntax? None of my code has changed.
My site is here if you want to look for yourself. Can someone confirm this for me? Can you see a problem with my js code?

You are using a deprecated field. Change rules to stylers and it should work fine.

Ive just had the same problem with my implementation, just stopped working in the last 12 hours or so. I am going to try and figure out whats gone wrong because as you said, some are still working.
skarE's post fixed it for me, nice one!

Related

Google appmaker checkbox style broken

This may not be the right place to ask but did Google update their style? Everything is whacky! And Regular and Dark styled checkboxes are not showing properly even though they do seem to assume values.
I don't see the changes in the templates, so maybe I did something wrong somewhere, but I don't recall messing with global styles or anything like that.
Can someone help me understand what is going on? Thanks
EDIT: Answer I found here takes care of adding the css to the particular page through javascript, so adding the code into the onAttach function of the page takes care of my issue.

Chrome 77 LayoutNG breaks my float layout

I have a website that I designed based on the "Holy Grail" layout described in this A List Apart post. A recent Chrome update broke it. You can see the results on the example page for the article (I also made it into a fiddle). Open it in Firefox to see what it should like and in Chrome to see what's happening now.
I realize that this technique is super dated, and I have plans in place to redesign it with Flexbox. But, that will take time, and I was hoping to get it working again quickly in the meantime while I work on a redesign. You can read more about LayoutNG on this page.
Does anyone know any tips and tricks to fix this? Is there a Chrome bug already open that I can follow?
Update: I decided to test it in Canary (v79), and the layout works perfectly there. It's still broken in Beta though (v78). So, I could wait until the current Canary gets released, but that won't be until December according to current estimates. So, I would still like to find a quick fix between now and then if one is available.
Here's some code to make SO happy:
SO won't let me post a link to jsFiddle without code...smart
It turned out to not be that hard to reimplement the layout with Flexbox. So, I just did some good old fashioned user agent sniffing to detect broken Chrome versions and load a small CSS snippet to override the appropriate styles.

Weird issue with google maps. It shows wrong tiles

It seems google maps stopped working properly a couple of hours ago. It displays the wrong tiles at the wrong coordinates. I've tried accessing my applications from different physical locations and tried different maps, but nothing helps.
Strange thing is.. it worked perfectly fine till last night and nothing changed in my source.
I'm also experiencing this issue in the basic example: https://developers.google.com/maps/documentation/javascript/examples/map-simple and I'm curious if if works for anyone else.
I wonder if there is some (global) issue or if I somehow missed an important update? I can't find anything relevant using Google, so I hope someone here can help me out.
By the way.. https://maps.google.com works fine.
Kind regards,
Bart
It seems the issue has gone away. All of a sudden a simple map reload (not even clearing the cache) makes the default map load properly.
I still have no idea what happened, but at least I'm glad it's working again.
Google Maps For Business support just let me know that this issue should be fixed now.
It was a problem with "tile caching", they said.
Although it is still broken for someone I am working with

Messed up my site's CSS

Well, I did something pretty stupid. I'm using ruby on rails, and I was adding glyphicons to my site , but for some reason they weren't loading properly. A plus sign in my header looked small, and the edit and delete signs on another page came up as rectangles (The browser I was using was Chrome, and all of this was looked at via LocalHost:3000).
I decided to copy and paste the bootstrap_and_customization.css.scss file from a git-hub page into my own respective file, just to experiment.
I didn't see much of a difference, aside from spacing. After saving, I found that my website looked completely different. All the CSS and Bootstrap elements seem to be gone. I clicked undo, saved again, and found that my website still looks bizarre.
I'm using gems, which has been pretty easy so far, but right now I'm stumped. I even did git reset --hard, so I know all of my code is as it was before I screwed things up.
Could you please help me?
Do you have something that is compiling the *.SCSS files into *.CSS? If not then they won't do anything.

Multiple HTML 5 Canvases

I am new to HTML 5 and I recently created a page that has an issue. I grouped my navi links together with a tag and it works great. The problem is that none of the other links on the page work at all. This may be an obvious fix but I have been struggling for hours. I can provide code but its 400 lines and I thought someone may have an idea.
Thanks for all your help
-Tom
For starters make sure your markup is valid. A good way to start is using the W3C Validator. If that is valid do the same with the JavaScript using JS Hint or JS Lint. And don't forget to check the developer console in Chrome or FireFox as it might show errors as well.

Resources