この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

基本地図の作成

<apex:map> コンポーネントを使用して、基本地図を作成します。

マーカーのない基本地図では、<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 地図オブジェクト。
<apex:map> に子 <apex:mapMarker> タグがない場合は、center 属性が必要です。
次に、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>
このコードにより、次の地図が作成されます。
基本の Visualforce 地図
この例では、次のことがわかります。
  • 対応付けられた住所にマーカーはありません。<apex:map> だけでは、中心点に対しても地図のマーカーは表示されません。最大 100 個のマーカーを表示するには、子 <apex:mapMarker> コンポーネントを追加します。
  • 地図の center の場所は、地理位置情報ではなく、住所で示されます。地図サービスでは、住所の緯度と経度が自動的に検索されます。この処理は地理コード化と呼ばれます。center 属性または <apex:mapMarker> コンポーネントが追加されたマーカーとして、地理コード化された住所を 1 ページに 10 個まで追加できます。
  • mapType は、標準の地図である「ロードマップ」です。他には「サテライト」や「ハイブリッド」があります。