I have a simple webpage (local) served over https which should display an image created via the Google Maps Static API. If I try to create the map image by making a request to the API via http like this:
<img src="http://maps.googleapis.com/maps/api/staticmap?center=51.928980,4.462400&zoom=14&size=400x300&key=MY_API_KEY&signature=MY_SIGNATURE" />
Everything works fine, except I get a 'Mixed content' warning in the console as could be expected.
However if I try to request the image over https like this:
<img src="https://maps.googleapis.com/maps/api/staticmap?center=51.928980,4.462400&zoom=14&size=400x300&key=MY_API_KEY&signature=MY_SIGNATURE" />
I get a 403 error and the image is not loaded. If I just copy the src of the above img element and open it in a new browser tab, I get the image without any problems.
Can anybody tell me what might be going wrong here?