Has anyones had KML opacity issues lately? - google-maps-api-3

I have a basic County (poygon) kml and last week it was working perfect. Today I looked on my site and notice that the opacity for the kml is not working in any browser. I tried opening it up in google earth and it works fine but on the map using the google maps api V3 on my website the kml is not giving me 100% opacity. Does anyone know of any steps I can take to track down what is happening with my KML?
The link for the download kml is http://www.gbnrtc.org/files/2813/3434/9208/GBNRTC_Boundary.kml

Related

arcore positional tracking in aframe?

Hi I'm new here and I want to make a WebAR application using A-Frame. I know the basics and all that but one major problem I'm having is being able to walk around in the scene using ARCore running in Chrome. Is this even possible? I found a WebVR application from 6 years ago that solved the problem of positional tracking but the code's so depreciated it doesn't work anymore. I would prefer using ARCore for tracking but if nothing else marker based tracking will work too.
Edit: here's the depreciated code on github https://github.com/AVGP/goggle-paper
Doesn't use ARCore but instead marker based tracking. Better than nothing I suppose.
As of today, support for ARCore via the web (and thus A-Frame) is only available on Chrome browser with some Android devices.
Here are some great examples of working projects that you can build from:
https://github.com/chenzlabs/aframe-ar
https://aframe-ar.glitch.me/
New features such as image tracking are only available on Chrome Canary (experimental). See this example for image marker tracking:
https://arimg.glitch.me/
And associated documentation:
https://github.com/immersive-web/marker-tracking/blob/main/explainer.md

Google Maps zoom-in/zoom-out buttons tilted

I am using google-map-react in one of my react sites:
https://pioneeredu.ca/school-boards/on-sb/ca-on-tdsb
The codes for generating the maps are almost the same as in the google-map-react examples. However, the zoom-in/zoom-out buttons are tilted. Spent some time on it but couldn't figure out what is causing this weird behavior. Could someone provide some clue for it?

How to get Google Street View / Virtual Tour to display as sphere in mobile web browsers?

Is it possible to get Google street view/google business view virtual tours to display as a sphere instead of a flat image ( or equirectangular I believe is the correct name) using the google maps api or embed? So far in my trials I have not been able to get it to display correctly. It just displays as a flat image (equirectangular) when on a mobile device.
The tour I have shown below is this one (just a random one I found): https://www.tourmake.it/nl/tour/e2f74fe593a99a3db61e921b417afbee
Ones that I have found that work on iOS/Andriod (Note these are complex google made ones so I am assuming they have done some custom coding to make it work?):
- https://insideabbeyroad.withgoogle.com/en/all-access/studio-1/1060#x=&y=&z=
- https://nightwalk.withgoogle.com/en/panorama/218
iOS - Safari (Just displays flat image)
Android - Google Chrome ( Works 100% how I want)
Another note regarding this demo above. It works fine on Andriod Google chrome but not iOS Google Chrome...
Any tips on how to get this looking good on both iOS and Android browsers?
Looks like I had to add google.maps.streetViewViewer = 'photosphere'; before initializing the object. That uses the new beta streetview renderer.

#font-face and Google Translate

I have an annoying problem with #font-face fonts/code and Google Translate. It seems that Google Translate block display/usage of external fonts.
The script itself is nothing special - just a code generated by Font Squirrel, which works fine, except when Google Translate is used.
Can you please give me info how can I diagnose and/or fix this?
Or maybe is there any known issue with custom font display with Google Translate.
Thanks!

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