PhpStormにGoogleMapAPIの補完機能を入れる

2574 ワード
GoogleMapsAPI PhpStorm PhpStorm テキストリンク

概要

PhpStormにGoogleMapのスタブを読み込ませて、補完機能を有効にします。
快適なPhpStormライフを送るために。

手順

ライブラリをダウンロード。

以下のgoogle_maps_api_v3.js。バージョンについては後述。
https://github.com/google/closure-compiler/tree/master/contrib/externs/maps

読み込み

  • [PhpStorm] > [Preferences] > [Languages & Frameworks] > [Javascript] > [Libraries] > [Add]を選択。

  • 開いたウィンドウで左下の+をクリック。

  • [Attach Files]を選択し、ダウンロードしたファイルを選択すると以下の画面へ。

  • 以下の入力値を確認後、[OK]を押す。

    • Name: 適当に入力
    • Visibility： 現在のプロジェクトでのみ適用する場合はProjectを選択

  • 以下の状態で、Enabledにチェックが入っていればOK。

動作確認

before

after

補完もバッチリ。

バージョンについて

以下のようにv=3としてリリースバージョンで利用している場合は手順でダウンロードしているファイルで問題ありません。
個別指定している場合は、対応バージョンのファイルをダウンロードしてください。

<script src="https://maps.googleapis.com/maps/api/js?v=3">

※リリースバージョン指定の場合、バージョンアップごとに取得されるファイルが変化するので、ライブラリの読み込みも都度落とし直してこないといけない点に注意してください。