web-dev-qa-db-ja.com

Google Maps Places APIのデフォルトのテキスト「場所を入力してください」を変更する

私は自分の問題の答えを見つけようとしてインターネット全体を調べましたが、答えに最も近いのは、別のスタックオーバーフローの質問です: Googleマップのデフォルトのテキストを変更するにはどうすればよいですか? API Places Autocomplete

問題は、OPが私とまったく同じ要件を持っていなかったか、そうであるかを明確にしていないことです。

テキスト入力フィールドでデフォルトの「場所を入力してください」を使用して、同じ機能を維持しながら他の何かに置き換える方法を探しています。つまり、フォーカスのあるテキストを非表示にし、テキストが入力されていない場合にフォーカスを失うと再表示します。

私の現在の試みでは、jQueryプラグインを使用してテキストを置き換えようとしました。ページロード時に視覚的に機能しますが、クリックすると「Enter a Location」が再びポップアップし、テキストが入力されるか、入力がフォーカスを失います(テキスト入力フィールドが意図したように空白になるのとは対照的に)。

誰かが私にここでポインターを与えることができますか?

前もって感謝します。

32
Douglas

オートコンプリートをアタッチするplaceholder要素のinput属性を必要なものに設定するだけです。

<input type="text" placeholder="Some new text">

詳細は documentation にあります:

デフォルトでは、オートコンプリートサービスによって作成されたテキストフィールドには、標準のプレースホルダーテキストが含まれています。テキストを変更するには、input要素にプレースホルダー属性を設定します。

64
James Allardice