You need to sign in to do that
Don't have an account?
GAURAV CHOPRA
lightning:table is not displaying the geolocation data
I have ceated a lightning:table that fetch data from backend and display.
All the other fields are correctly displaying but Geolocation(Latitude) and Geolocation(Longiude).
I am getting a warning in console that "lightning-formatted-location.js:2 <lightning-formatted-location> expects latitude in range [-90.0, 90.0], longitude in range [-180.0, 180.0]." But, I have checked my data and the calues are in that range only.
PFB the code I have written:--
Component--
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,forceCommunity:availableForAllPageTypes" access="global" controller="GetBoatDisplayData">
<aura:attribute name="boatDetail" type="Boat__c"/>
<aura:attribute name="mycolumns" type="List"/>
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<lightning:datatable data="{! v.boatDetail}"
columns="{! v.mycolumns }"
keyField="Id"
hideCheckboxColumn="true"/>
</aura:component>
Controller--
({
doInit : function(component, event, helper) {
component.set('v.mycolumns', [
{label: 'Boat Name', fieldName: 'Name', type: 'text'},
{label: 'Description', fieldName: 'Description__c', type: 'text'},
{label: 'Length', fieldName: 'Length__c', type: 'number'},
{label: 'Picture', fieldName: 'Picture__c', type: 'url'},
{label: 'Latitude', fieldName: 'Geolocation__Latitude__s', type: 'location'},
{label: 'Longitude', fieldName: 'Geolocation__Longitude__s', type: 'location'},
{label: 'Price', fieldName: 'Price__c', type: 'currency'},
{label: 'Year Built', fieldName: 'Year_Built__c', type: 'number'}
]);
var action = component.get("c.getBoatDetail");
action.setParams({boatType:"AllTypes"});
action.setCallback(this, function(response){
component.set("v.boatDetail",response.getReturnValue());
console.log('Boat Result:' + JSON.stringify(response.getReturnValue()));
});
$A.enqueueAction(action);
}
})
All the other fields are correctly displaying but Geolocation(Latitude) and Geolocation(Longiude).
I am getting a warning in console that "lightning-formatted-location.js:2 <lightning-formatted-location> expects latitude in range [-90.0, 90.0], longitude in range [-180.0, 180.0]." But, I have checked my data and the calues are in that range only.
PFB the code I have written:--
Component--
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,forceCommunity:availableForAllPageTypes" access="global" controller="GetBoatDisplayData">
<aura:attribute name="boatDetail" type="Boat__c"/>
<aura:attribute name="mycolumns" type="List"/>
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<lightning:datatable data="{! v.boatDetail}"
columns="{! v.mycolumns }"
keyField="Id"
hideCheckboxColumn="true"/>
</aura:component>
Controller--
({
doInit : function(component, event, helper) {
component.set('v.mycolumns', [
{label: 'Boat Name', fieldName: 'Name', type: 'text'},
{label: 'Description', fieldName: 'Description__c', type: 'text'},
{label: 'Length', fieldName: 'Length__c', type: 'number'},
{label: 'Picture', fieldName: 'Picture__c', type: 'url'},
{label: 'Latitude', fieldName: 'Geolocation__Latitude__s', type: 'location'},
{label: 'Longitude', fieldName: 'Geolocation__Longitude__s', type: 'location'},
{label: 'Price', fieldName: 'Price__c', type: 'currency'},
{label: 'Year Built', fieldName: 'Year_Built__c', type: 'number'}
]);
var action = component.get("c.getBoatDetail");
action.setParams({boatType:"AllTypes"});
action.setCallback(this, function(response){
component.set("v.boatDetail",response.getReturnValue());
console.log('Boat Result:' + JSON.stringify(response.getReturnValue()));
});
$A.enqueueAction(action);
}
})