Mixed Content using Google Maps

Question

I use gmaps show Map in my web site.

MY CODE

<div class="col-md-12" >
  <script type="text/javascript" content="zk.googleAPIkey='***MyKey***'" />
    <gmaps id="gmaps" zoom="${initialZoom}" lat="${initialLatitude}" lng="${initialLongitude}" width="100%" height="350px" showSmallCtrl="false"   >
    <gmarker id="marker"  content="" visible="${false}" />
    </gmaps>
</div>

In my local server work fine but in my productive server with https don't work and i have this error:

EXCEPTION

zk.wpd:20 Mixed Content: The page at 'https://www.domain.com/' was loaded over HTTPS, but requested an insecure script 'http://www.google.com/jsapi?key=***MyKey***'. This request has been blocked; the content must be served over HTTPS.loadScript @ zk.wpd:20

Have you tried setting up Google Script with `//` ? – karritos Dec 13 '16 at 23:27 — karritos, Dec 13 '16 at 23:27

score 5 · Answer 1 · answered Aug 28 '19 at 11:44

5

added the following and solved my problem

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/>

in head

answered Aug 28 '19 at 11:44

Mahendra Pratap

3,174
5
23
45

score 4 · Accepted Answer · edited Dec 23 '16 at 07:01

I solvel my problem remplace zk.googleAPIkey=****key*** for https://maps.googleapis.com/maps/api/js?key=****key***

The problem is this tag zk.googleAPIkey because your value is http://maps.googleapis.com/maps/api/js? the problem is the http

Before

<script type="text/javascript" content="zk.googleAPIkey='***MyKey***'" />

After

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=***key***" />

score 0 · Answer 3 · answered Dec 14 '16 at 06:26

0

From ZK demo of google maps :

<gmaps version="3.26" id="gmaps" width="520px" height="400px" showSmallCtrl="true" protocol="https">

Can you try adding the protocol property?

answered Dec 14 '16 at 06:26

chillworld

4,207
3
23
50

can you provide feedback? – chillworld Dec 16 '16 at 10:19

Mixed Content using Google Maps

3 Answers3