<lightning-map
        map-markers={mapMarkers}
        markers-title={markersTitle}
list-view=true></lightning-map>

import { LightningElement } from 'lwc';

export default class LightningExampleMapMultipleMarkers extends LightningElement {
    mapMarkers = [
        {
            location: {
                City: "Cap-d'Ail",
                Country: 'France',
            },

            icon: 'custom:custom26',
            title: "Cap-d'Ail",
        },
        {
            location: {
                City: 'Beaulieu-sur-Mer',
                Country: 'France',
            },

            icon: 'custom:custom96',
            title: 'Beaulieu-sur-Mer',
        },
        {
            location: {
                City: 'Sainte-Maxime',
                Country: 'France',
            },

            icon: 'custom:custom92',
            title: 'Sainte-Maxime',
        },
    ];
    markersTitle = "Côte d'Azur";
}