マーカーへの情報ウィンドウの追加

地図のマーカーの title 属性を使用すれば、ユーザがマーカーにマウスポインタを置いたときに簡単な情報を表示できます。詳しい情報を表示したり、書式を細かく制御したりする場合は、代わりに情報ウィンドウを使用するか、情報ウィンドウと title 属性と併用します。

たとえば、取引先責任者の住所の詳細を最適な書式で表示することができます。また、クリック可能な電話リンクを追加したり、オブジェクのプロファイル写真 (ある場合) を表示することもできます。

情報ウィンドウを地図のマーカーに追加するには、関連する <apex:mapMarker> の子コンポーネントとして <apex:mapInfoWindow> コンポーネントを追加します。<apex:mapInfoWindow> コンポーネントの本文は、ユーザがマーカーをクリックまたはタップすると情報ウィンドウに表示され、Visualforce マークアップ、HTML と CSS、またはプレーンテキストを指定できます。

次の完成したページでは、情報ウィンドウのコンテンツに Visualforce マークアップを使用しています。

このコードにより、次の地図が作成されます。