マップの埋め込みに問題が<iframe>あります (プロトコルが一致している必要があります)。推奨される回避策の 1 つは、 httpsをhttpに置き換えることですが、これは何もしません。また、http と https の両方を省略すると、so://www.google.comは何もしません。別の解決策は、地図の座標、ズームなどを JavaScript にハードコーディングし、それら<iframe>を完全に省略することです。しかし、それは私が必要とするものではありません。
クリック可能なピン、デフォルト ビュー (位置とズーム)、ベース マップ設定を備えたカスタム マップが必要です。JavaScriptでこのマップを参照する方法、またはマップを最初から作成する方法はありますが、API_KEYをGoogleに登録する必要はありませんか?
httpsGoogle マップの Embed API には、API_KEYを使用して提供する必要があります。また、サーバー側のコードで値を挿入しない限り、座標、ズームなどをハードコーディングする必要があります (プログラムで値を挿入するには、PHP または Python を使用します)。
API_KEY を提供せず、地図オブジェクトへの参照を持たない場合は、Google マップの Javascript API を使用する必要があります。
簡単な Google マップを表示するデモを次に示します: https://developers.google.com/maps/documentation/javascript/examples/map-simple
さらにカスタマイズが必要な場合は、次のスタイルの Google マップのデモをご覧ください: https://developers.google.com/maps/documentation/javascript/examples/maptype-styled-simple