Googleマップを使った複合コンテンツ

Question

私はgmaps show mapを私のウェブサイトで使用しています。

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> 

しかしHTTPSと私の生産のサーバーで動作し、私はこのエラーを持っていない：

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 

Answer 1

私はあなたの価値がhttp://maps.googleapis.com/maps/api/js?問題が

後

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

前http

ですのでhttps://maps.googleapis.com/maps/api/js?key=****key***

のための私の問題のremplace zk.googleAPIkey=****key***問題がこのタグzk.googleAPIkeyあるsolvel

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

Answer 2

ZK demo of google maps：

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

プロトコルプロパティを追加できますか？