基本地図の作成
マーカーのない基本地図では、<apex:map> コンポーネントのみが必要です。このコンポーネントは、サイズ、場所、初期ズームレベルを含む、地図の基本的なキャンバスを定義します。
center 属性は、地図の中心点を定義します。center 値をさまざまな形式で指定できます。
- 住所を表す文字列。たとえば、「1 Market Street, San Francisco, CA」のようになります。住所は地理コード化され、緯度と経度が決まります。
- 場所の座標を指定する latitude および longitude 属性を含む JSON オブジェクトを表す文字列。たとえば、「{latitude: 37.794, longitude: -122.395}」のようになります。
- 場所の座標を指定する latitude および longitude キーを含む、Map<String, Double> 型の Apex 地図オブジェクト。
次に、Salesforce のサンフランシスコ本社付近の簡単な市街地図を示します。
このコードにより、次の地図が作成されます。
1<apex:page >
2
3 <h1>Salesforce in San Francisco</h1>
4
5 <!-- Display the address on a map -->
6 <apex:map width="600px" height="400px" mapType="roadmap" zoomLevel="16"
7 center="One Market Street, San Francisco, CA">
8 </apex:map>
9
10</apex:page>
この例については、次の点に注意してください。
- 地図に表示された住所にはマーカーがありません。<apex:map> コンポーネントだけでは、中心点も含め、地図のマーカーは表示されません。最大 100 個のマーカーを表示するには、子 <apex:mapMarker> コンポーネントを追加します。
- 地図の center の場所値は、地理位置情報ではなく住所として提供されます。地図サービスでは、住所の緯度と経度が検索されます。この処理は地理コード化と呼ばれます。center 属性または <apex:mapMarker> コンポーネントで追加されたマーカーとして、地理コード化された住所を 1 ページに 10 個まで追加できます。
- mapType 値は、標準の市街地図を示す「roadmap」です。他には「satellite」や「hybrid」があります。