37 lines
1.6 KiB
JavaScript
37 lines
1.6 KiB
JavaScript
// Import necessary modules from the lwc library and the getFriendLocation Apex class
|
|
import { LightningElement, api, track } from 'lwc';
|
|
import getLoacation from '@salesforce/apex/getFriendLocation.getLoacation';
|
|
|
|
// Define the LocationViwer class which extends the LightningElement base class
|
|
export default class LocationViwer extends LightningElement {
|
|
@api recordId; // Public property to hold the record ID
|
|
@track CityOfFriend; // Tracked property to hold the friend's city
|
|
error; // Property to hold any errors
|
|
mapMarkers; // Property to hold the map markers
|
|
|
|
// Lifecycle hook which fires when a component is inserted into the DOM
|
|
connectedCallback(){
|
|
console.log('Record id:', this.recordId); // Log the record ID
|
|
|
|
// Call the getLoacation function from the Apex class with the record ID as a parameter
|
|
getLoacation({rcId: this.recordId})
|
|
.then(result => { // Handle the Promise resolution
|
|
console.log(result); // Log the result
|
|
this.CityOfFriend = result[0].Home_Town__c; // Assign the friend's city to CityOfFriend
|
|
console.log('@@@@CityOfFriend:', this.CityOfFriend);
|
|
|
|
// Define mapMarkers with the friend's city as a location
|
|
this.mapMarkers = [{
|
|
location: {
|
|
City: this.CityOfFriend,
|
|
},
|
|
}];
|
|
})
|
|
.catch(error => { // Handle any errors
|
|
this.error = error; // Assign the error to the error property
|
|
})
|
|
}
|
|
|
|
zoomLevel = 15; // Set the zoom level for the map
|
|
listView = 'visible'; // Set the list view for the map to visible
|
|
} |