Safari 16.0

Hi. I found this solution and it worked for me:

https://www.youtube.com/watch?v=F1PKPhUj1w8

Basically from the “Develop” menu in Safari select “Experimental Features" and uncheck “WebGL via Metal” (to enable the “Develop” menu go to “Preferences”, select “Advanced” and check “Show Develop menu in menu bar”). After that Google Maps should start working again.

Same here.

Interactive maps do not render properly with Safari 16.0 (macOS 12.6) on my Mid-2015 15" MacBook Pro,

A Google Maps page (ex. https://www.google.com/maps/place/Washington,+DC) looks fine for 2 seconds. Then the map goes all black with shifting color lines of static across about 1/2" in the middle. Zooming, Layers, etc. all work as expected. The map stays black; the colored lines just shift around.

This also happens with Weather Underground's Hurricane Tracker map (https://www.wunderground.com/hurricane/atlantic/2022/hurricane-f) - except it's a 3/8" wide solid bar with shifting colors.

Same thing with local new weather maps.

No Safari extensions are loaded. Restrictive Settings for the webpage are turned off. Opening a new window and loading a map looks fine - for about 2 seconds. Changing Display preferences doesn’t help.

Loading the same page in Chrome works fine.

Might have spoken too soon.

WebGL via Metal is still unchecked. But, when playing with Layers, it keeps redrawing the map and this appears:

Worse, selecting Layers > Satellite results in:

Unchecking "Automatic graphics switching" in the Battery System Preferences did not help.

The YouTube video's Written Guide (https://www.droidwin.com/google-maps-not-working-in-safari-16-macos-12-6-fixed/) says the issue is mostly happening with older Macs - like my 2015 MacBook Pro. So, their final option of switching to Chrome may be my best option.

Yes, most sites I've visited with Safari 16 that contain "movable graphics" show up as a single thin horizontal line running the width of the page. Games, some Facebook, most any site with a movable graphic has stopped working. Needless to say, this is a real problem. Everything appears to be working okay in Firefox though!

Oddly enough, about 9 - 10 months ago, a similar issue was fixed by checking WebGL via Metal - not unchecking it (https://discussions.apple.com/search?q=WebGL+via+Metal).

Safari 16, Monterey 12.6 and maps.google.com working flawlessly here. No issues whatsoever.

Try clearing history and caches.

That 2nd link should be: https://www.wunderground.com/hurricane/atlantic/2022/hurricane-fiona

guido151, you are a true genius! Thank you for this easy fix. I'll be sure to pass this on to @AppleSupport (and give you full credit) because they didn't have a solution for me.

Worked for me too. Didn't even have to quit and restart Safari - much less reboot. Thanks!

I wonder if this is a useful option to reselect when I upgrade to a newer (M1/M2) MacBook?

This did the trick! Thank you so much!

What DDD445 said! It fixed the problem, let alone I didn't even know there was a 'Develop' list. Thank you again!!!

Thanks. This cleared up the problem I had with Google Maps and also with windy.com.