web-dev-qa-db-ja.com

「このページにGoogle Maps APIを複数回含めました」エラー

私のhtmlページには次のものがあります。

    <script type="text/javascript"
            src="http://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false">
    </script>
    <script 
        async defer
        src="https://maps.googleapis.com/maps/api/js?key=hUnDAdjYG_Wz7u2qL6unHqfBOmvaZ0H1Mg&callback=initMap">
    </script>

最初のリンクはGoogleのAPI Geometry Library用で、2番目のリンクはマップを初期化して描画します。

「このページに複数回Google Maps APIを含めました。これにより、予期しないエラーが発生する可能性があります」というエラーが表示されます。

これは、1つのスクリプトを呼び出してパラメーターを変更することで修正できることを知っています。「 」を参照してください。 しかし、私の問題に対する答えを再現する方法がわかりません。

javascripthtmlgoogle-mapsgoogle-maps-api-3
5
MRDJR97

1つのリンクを含めることができます。

<script type="text/javascript"
        src="http://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false&key=AIzaSyBSsKUzYG_Wz7u2qL6unHqfBOmvaZ0H1Mg&callback=initMap">
</script>

基本的に、両方のリンクのurlパラメーターをマージします。

9
dhaliman