Google Maps API embed throws error- because of cached auth param?

Hi,

please provide the report number

you can get it in toolbox -> report -> click “send to LiteSpeed”

Best regards,

Hi, that would be UGEXTJVH.

Hi,

The problem is solved – for about a day – when the Lightspeed cache is cleared. When I exclude the whole page from caching, the issue is solved

okay , so please confirm :

1. if the page is exclude from caching , it works all the time

2. if you enable cache , and it will work for about a day or so then it breaks ?

if 2) is true , when it breaks , if you purge all , will it work again (for a day or so )?

may I have a page URI where you have the map or see the error in dev tool console ?

you can just post the URI part after domain.

Best regards,

1. Correct
2. Correct
2 sub. Correct, purging all solves the issue temporarily.

The URI: /pad-van-je-eigen-wijsheid/route/

Thanks, Ivan

Hi,

please try add maps in Page optimization -> tune setting -> JS exclude , then purge all

see if it helps

and how was the map added ? like a plugin or custom code or something ?

Best regards,

Thanks, I added the settings per your suggestion and will keep an eye out the coming days.

The map was embedded using the Maps JS API.

Thanks,
Ivan

Hi,

I mean , how did you embed it into your WP ?

like use a plugin to inject the code ?

yourself modified some php files to inject it ?

or something ?

Best regards,

We place a block of code directly in the page, somewhat like this:

<style>
#map {
  height: 750px;
  width: 100%;
  overflow: hidden;
  border: none;
}
</style>
<div id="map"></div>
<script>
const mq = window.matchMedia( "(max-width: 600px)" );
var map;
var src = 'https://example.com/map.kml';

function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: new google.maps.LatLng(51.00000, 5.00000),
    zoom: 12,
    mapTypeId: 'roadmap',
    disableDefaultUI: true,
    styles: [
    {"featureType": "road","elementType": "labels","stylers": [{"visibility": "off"}]},
    {"featureType": "administrative.neighborhood","elementType": "all","stylers": [{"visibility": "off"}]},
    {"featureType": "road.highway","elementType": "all","stylers": [{"visibility": "off"}]},
    {"featureType": "poi","elementType": "all","stylers": [{"visibility": "off"}]}
    ]
  });

  var kmlLayer = new google.maps.KmlLayer(src, {
    suppressInfoWindows: true,
    preserveViewport: true,
    map: map
  });
}
</script>
<script async src="https://maps.googleapis.com/maps/api/js?key=abc123&callback=initMap">
</script>

Hi,

okay , did exclude “maps” in JS works for you ?

if not, try use “map” in single instead of plural

Best regards,

I added “maps” and have checked a couple of times: no errors thus far. I will keep an eye on it, but let’s assume it is fixed. Thanks a lot for the effective and quick support!

cool , please keep us posted : )