apex:mapInfoWindow
<apex:map> 上の場所に表示されるマーカーの情報ウィンドウを定義します。<apex:mapInfoWindow> コンポーネントの本文は、ユーザがマーカーをクリックまたはタップすると情報ウィンドウに表示されます。<apex:mapInfoWindow> の本文では、Visualforce マークアップ、HTML と CSS、またはプレーンテキストを指定できます。
デフォルトで、情報ウィンドウは一度に 1 つのみ表示されます。つまり、別のマーカーをクリックすると、最初の情報ウィンドウが閉じ、新しい情報ウィンドウが表示されます。複数の情報ウィンドウを同時に表示するには、ウィンドウを含む <apex:map> コンポーネントの showOnlyActiveInfoWindow を false に設定します。
注: このコンポーネントは <apex:mapMarker> コンポーネントで囲む必要があります。
取引先の取引先責任者の地図
1<apex:page standardController="Account">
2
3 <!-- This page must be accessed with an Account Id in the URL. For example:
4 https://<salesforceInstance>/apex/NearbyContacts?id=001D000000JRBet -->
5
6 <apex:pageBlock >
7 <apex:pageBlockSection title="Contacts For {! Account.Name }">
8
9 <apex:dataList value="{! Account.Contacts }" var="contact">
10 <apex:outputText value="{! contact.Name }" />
11 </apex:dataList>
12
13 </apex:pageBlockSection>
14 </apex:pageBlock>
15
16 <apex:map width="600px" height="400px" mapType="roadmap"
17 center="{!Account.BillingStreet},{!Account.BillingCity},{!Account.BillingState}">
18
19 <apex:repeat value="{! Account.Contacts }" var="contact">
20 <apex:mapMarker title="{! contact.Name }"
21 position="{!contact.MailingStreet},{!contact.MailingCity},{!contact.MailingState}">
22 <apex:mapInfoWindow>
23 <apex:outputPanel layout="block" style="font-weight: bold;">
24 <apex:outputText>{! contact.Name }</apex:outputText>
25 </apex:outputPanel>
26 <apex:outputPanel layout="block">
27 <apex:outputText>
28 {!contact.MailingStreet},{!contact.MailingCity},{!contact.MailingState}
29 </apex:outputText>
30 </apex:outputPanel>
31 </apex:mapInfoWindow>
32 </apex:mapMarker>
33 </apex:repeat>
34
35 </apex:map>
36
37</apex:page>属性
| 属性名 | 属性型 | 説明 | 必須項目 | API バージョン | 通用範囲 |
|---|---|---|---|---|---|
| id | String | ページの他のコンポーネントがこのコンポーネントを参照できるようにする識別子。 | 34.0 | グローバル | |
| maxWidth | Integer | 情報ウィンドウの最大幅。コンテンツの幅とは関係ありません。 | 34.0 | ||
| rendered | Boolean | コンポーネントをページに表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの「true」に設定されます。 | 34.0 |