0

私たちの環境の 1 つでしか再現できない非常に奇妙な問題に遭遇しました。デバッグを試みたところ、キャンバスの幅が 800px 以下であればレンダリングされることがわかりました。ただし、マップは非インタラクティブになり、map.getBounds() で境界を取得できなくなります。指定した中心点もマップにプロットされません。

これは、すべての開発用ラップトップで正常に機能しています。テスト環境にデプロイしても機能しません。誰もこの問題を経験したことがありますか?

これは、私が呼び出しを介して送信するデータです。

var options = {
    "zoom": 16,
    "center": new google.maps.LatLng(37.808582967132, -122.41495248394),
    "mapTypeId": "roadmap",
    "disableDefaultUI": true,
    "scrollwheel": false,
    "draggable": false,
    "disableDoubleClickZoom": true
};

new google.maps.Map(document.querySelector('#map_canvas'), options);

APIキーが指定されており、同じものが開発用ラップトップで使用されているため、そうではないと思いますが、誰が知っていますか.

アップデート：

コンテナ要素のサイズを小さくしても、マップの静的な画像しか返されないようです。そのため、インタラクティブではなく、幅が最大 800px の場合にのみレンダリングされます。実稼働環境といくつかのラップトップで同じ API キーを使用してみましたが、すべて正常に動作します。私たちが持っているテスト環境では動作しません。API が 2 回初期化されていないこと、および v3 API を使用していることを再確認しました。次のテストは、環境全体を複製し、ドメイン名を変更して、何らかの形で Google によって制限されているかどうかを確認することです。インターネット接続が原因で問題が発生した人もいますが、インターネットがどれほど高速であっても一貫して機能しないため、そうではないのではないかと思います.

4

1 に答える 1