Vue.jsのアプリケーションの中でGoogle Mapを利用した場合にvue2-google-mapsといった既存のライブラリを使うことができます。本文書ではライブラリを利用することなくGoogleが提供しているscriptタグを利用してVue.jsでGoogle Mapを利用する方法を解説しています。 Google Mapsライブラリの利用はscriptタグを通して行います。scriptをどのように追加するかによって設定方法が変わります。本文書では、Google Mapsライブラリのscriptタグをindex.htmlに追加する方法とscriptタグをJavaScriptを利用して動的に追加する方法で動作確認を行っています。動作確認する中で発生した問題の対応方法についても記述しています。 最後にGoogleMapを利用したプラグインの作成方法についても学んでいきます。プラグインを作成
![ライブラリなしでGoogle MapをVue.jsで使う方法 (Pluginも作成)| アールエフェクト](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e7e8146850f33239686871348e46b77503cb152/height=288;version=1;width=512/https%3A%2F%2Freffect.co.jp%2Fwp-content%2Fuploads%2F2021%2F02%2Fvue_template_large.png)