【Salesforce LWC】地図に複数のマーカーを表示する方法[①基礎編]

LWCで取引先などの住所を地図上にマーカーをプロットする方法について記録しておきます。
公式マニュアルの以下のページでLWCのMapというコンポーネントが紹介されています。

https://developer.salesforce.com/docs/component-library/bundle/lightning-map/documentation

取引先から住所を取得して地図にプロットするごくシンプルなコードを掲載しておきます。
lightning-mapコンポーネントのmap-markersプロパティにプロットしたい住所を突っ込みます。

<template>
    <lightning-map
		map-markers={mapMarkers}
		zoom-level="10"
		list-view="hidden"
		show-footer
		markers-title="お客様">
	</lightning-map>
</template>

import { LightningElement } from 'lwc';

export default class AccountAddressMapping extends LightningElement {
    mapMarkers = [{title: '東京都庁',
    location: {
        City: '新宿区西新宿',
        PostalCode: '163-8001',
        State: '東京都',
        Street: '２丁目８−１',},
    },
    {title: '埼玉県庁',
            location: {
                City: 'さいたま市浦和区高砂',
                PostalCode: '330-9301',
                State: '埼玉県',
                Street: '３丁目１５−１',}
    },
    {title: '千葉県庁',
            location: {
                City: '千葉市中央区市場町',
                PostalCode: '260-0855',
                State: '千葉県',
                Street: '１−１',}
    }];
}

こんな感じで表示されます。

ところがLWCのマニュアル内に気になる記述が。
冒頭でご紹介したLWCマニュアルのMapコンポーネントの下の方に次のように書かれています。

The lightning-map component relies on data from Google for geocoding and mapping imagery. Inaccuracies or geocoding errors in the data can’t be fixed by Salesforce.

You can specify a maximum of 10 geocoded address lookups per map. Lookups for both the map-markers and center attributes count toward the limit of 10 geocoded addresses. To display more markers, provide location values using a pair of latitude and longitude coordinates, which don’t require geocoding. Address locations that exceed the geocoding limit are ignored.

https://developer.salesforce.com/docs/component-library/bundle/lightning-map/documentation

「東京都新宿区西新宿２丁目８−１」のような通常の住所(？)を指定した場合、10か所までしか地図上にプロットできないようなのです。代わりに経度・緯度を指定すればその制限がなくなります。
住所を経度・緯度に変換する方法は次の記事でご紹介します。