問題タブ [azure-maps]

JS Web SDK で Azure Maps を使用しようとしています。https://docs.microsoft.com/en-us/azure/azure-maps/how-to-use-map-controlの指示に従って、サブスクリプション キーを追加するだけでスローされますエラー。

すべてのオプションを削除しようとしましたが、資格情報の入力を求められたので、認証されていることがわかりました。DOM にない識別子を入力すると、ID が見つからないというエラーが表示されます。正しい ID を入力すると、ドラッグ可能な白い背景が表示され、下部に Microsoft のロゴが表示されます。デバッガーからの呼び出しは、this.map.setStyle(this.styleBuilder.build()),追加のスタイル オプションを指定して、中央、ズーム、および言語を削除しようとしたためです。も使ってみwindow.onloadました。全体として、問題は解決しません。

必要なのは、スクリプトをロードして次のスニペットを挿入することだけです。

私がしたこと。

そのスニペットだけがこのエラーを生成しました:

そして、これはかなり印刷されたエラーメッセージです:

EDIT：ヘッダーのスクリプトをコメントアウトして始めました。すべての JQuery スクリプト タグを削除すると、マップが機能しました。(その後、JQuery の最新バージョンに取り組んでいることを確認しました)。しかし、もちろん私のページは機能しません。また、動作中にorigin、エラーをスローしたプロパティを確認しました。コードはでしself.location.originた。だから今、私は非互換性を持っています。selfwindow

誰かが何らかの支援を提供できれば、それは大歓迎です。

Azure マップにカーソルを合わせると、このタイトル テキストが表示されます。

コードのどこにも「インタラクティブ マップ」がありません。これはどこから来て、どうすれば取り除くことができますか?

アップデート

以下の@Sloan Haywoodsの回答は機能しますが、マップがロードされた後に実行する必要があります...