У меня есть организация с настраиваемым объектом под названием Property. Я хочу поместить карту LWC на ​​страницу записи собственности, которая показывает расположение собственности на карте. Не совсем смог найти то, что ищу.

0
robertlangedc 23 Апр 2020 в 07:59
Я создал аналогичный компонент с помощью молнии, вы можете обратиться по ссылке: newstechnologystuff.com/2018/10/22/…
 – 
Tushar Sharma
23 Апр 2020 в 08:56

1 ответ

Уже доступен компонент lightning-map, на который вы можете сослаться

import { LightningElement } from 'lwc';

export default class LightningExampleMapSingleMarker extends LightningElement {
    mapMarkers = [
        {
            location: { //just pass property location here
                Street: '1600 Pennsylvania Ave NW',
                City: 'Washington',
                State: 'DC',
            },

            title: 'The White House',
            description:
                'Landmark, historic home & office of the United States president, with tours for visitors.',
        },
    ];
}

Составная часть:

<template>
    <div class="slds-m-around_medium">
        <h1 class="slds-text-heading_small">Single Marker</h1>
        <p class="slds-text-body_regular">A single marker is displayed on the map. Map is centered on that marker and zoom is calculated automatically.</p>
    </div>
    <lightning-map
        map-markers={mapMarkers}
    ></lightning-map>
</template>

Ссылка: https://developer.salesforce.com/docs/ библиотека компонентов/комплект/карта молнии/пример

2
Tushar Sharma 23 Апр 2020 в 08:58
Спасибо Тушар. Код, который вы написали выше, кажется чем-то, что будет работать, если адрес свойства является статическим. Тем не менее, я хочу настроить это так, чтобы любой объект Property, который вы выберете (222 State St., 333 Hudson St. и т. д.), указывал на это конкретное свойство на карте. Я пытался использовать ваш код на вашем веб-сайте в разделе «Итерация карты в веб-компоненте Lightning», но мне это не удалось. Во-первых, когда я написал класс LwcMapIterationController в IntelliJ, он сказал, что класс контроллера никогда не использовался.
 – 
robertlangedc
24 Апр 2020 в 20:22
Я предлагаю вам добавить свой код. Поскольку приведенное выше решение будет работать и с динамическим адресом.
 – 
Tushar Sharma
25 Апр 2020 в 09:41