LW C лодки SuperBadge Challenge 7NearMe Error - PullRequest
Новая
       130

LW C лодки SuperBadge Challenge 7NearMe Error

0 голосов
/ 04 августа 2020

Мой компонент работает нормально, и я вижу, что он работает правильно, карты формируются в пользовательском интерфейсе, и маркеры появляются правильно, однако я все еще получаю эту ошибку для задачи:

Задача еще не завершена. .. вот что не так: мы не можем найти правильные настройки для функции createMapMarkers () в файле компонента boatNearMe JavaScript. Убедитесь, что компонент был создан в соответствии с требованиями, включая правильные mapMarkers, заголовок, широту (Geolocation__Latitude__s), долготу (Geolocation__Longitude__s), правильные константы, остановку загрузочного счетчика и использование правильной чувствительности к регистру и последовательной цитаты.

Это Заявление Вызова 7 в соответствии с маршрутом:

«Создайте компонент лодки рядом со мной и отобразите лодки рядом с вами. Создайте компонент лодки рядом со мной и покажите лодки, которые находятся рядом с пользователем, используя местоположение браузера и лодку. типа. Отображать их на карте, всегда с согласия пользователя (и только пока страница открыта) ". https://trailhead.salesforce.com/en/content/learn/superbadges/superbadge_lwc_specialist

Вот мои лодки рядом со мной LW C код 

import { LightningElement, wire, api } from 'lwc';
import getBoatsByLocation from '@salesforce/apex/BoatDataService.getBoatsByLocation';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';

const LABEL_YOU_ARE_HERE = 'You are here!';
const ICON_STANDARD_USER = 'standard:user';
const ERROR_TITLE = 'Error loading Boats Near Me';
const ERROR_VARIANT = 'error';

export default class BoatsNearMe extends LightningElement {
    @api boatTypeId;
    mapMarkers = [];
    isLoading = true;
    isRendered = false;
    latitude;
    longitude;

    @wire(getBoatsByLocation, { latitude: '$latitude', longitude: '$longitude', boatTypeId: '$boatTypeId' })
    wiredBoatsJSON({ error, data }) {
        
        if (data) {
            this.isLoading = true;
            this.createMapMarkers(JSON.parse(data));
            
        } else if (error) {
            this.dispatchEvent(
                new ShowToastEvent({
                    title: ERROR_TITLE,
                    message: error.body.message,
                    variant: ERROR_VARIANT
                })
            );
           // this.isLoading = false;
        }
    }

    getLocationFromBrowser() {
        navigator.geolocation.getCurrentPosition(
            position => {
                this.latitude = position.coords.latitude;
                this.longitude = position.coords.longitude;
            },
            (error) => {}
        );
    }

    createMapMarkers(boatData) {

        const newMarkers = boatData.map((boat) => {
            return {
                location: {
                    Latitude: boat.Geolocation__Latitude__s,
                    Longitude: boat.Geolocation__Latitude__s
                },
                title: boat.Name,
            };
        });

        newMarkers.unshift({
            location: {
                Latitude: this.latitude,
                Longitude: this.longitude
            },
            title: LABEL_YOU_ARE_HERE,
            icon: ICON_STANDARD_USER
        });

        this.mapMarkers = newMarkers;
        this.isLoading = false;

    }

    renderedCallback() {
        if (this.isRendered == false) {
            this.getLocationFromBrowser();
        }
        this.isRendered = true;
    }
}

1 Ответ

0 голосов
/ 27 августа 2020

Я думаю, у вас есть Geolocation__Latitude__s дважды в этой части: 

    createMapMarkers(boatData) {

        const newMarkers = boatData.map((boat) => {
            return {
                location: {
                    Latitude: boat.Geolocation__Latitude__s,
                    Longitude: boat.Geolocation__Latitude__s // <<-- should be Longitude
                },
                title: boat.Name,
            };
        });
...