Google Geo Map Not Working/Not Showing UI - googleGeoChartField

Hi all,

I have facing issues were implementing googleGeoChartField in interface.
Since googleGeoChartField not visible and not working.

Here attached the code for your reference
googleGeoChartField(
mapApiKey: XXXXXXXXXXXXXXXXXXXXXXX,
chartColumnData: {
{
type: "string",
id: "Country",
rowDataKey: "Country"
},
{
type: "number",
id: "Sales",
rowDataKey: "Sales"
}
},
chartRowData: {
{
Country: "Germany",
Sales: 400,
},
{
Country: "United States",
Sales: 1300
},
{
Country: "Brazil",
Sales: 500,
},
{
Country: "Canada",
Sales: 1280,
},
{
Country: "India",
Sales: 700,
},
{
Country: "Indonesia",
Sales: 100,
},
{
Country: "Russia",
Sales: 1000,
},
{
Country: "Mexico",
Sales: 1000,
},
{
Country: "Australia",
Sales: 1400,
},
{
Country: "Iran",
Sales: 300,
},
{
Country: "Thailand",
Sales: 100,
},
{
Country: "Laos",
Sales: 200,
},
{
Country: "Tonga",
Sales: 100,
},
{
Country: "Algeria",
Sales: 400,
},
{
Country: "Kenya",
Sales: 600,
},
{
Country: "Mozambique",
Sales: 800,
},
{
Country: "Guinea",
Sales: 500,
},
{
Country: "Dominica",
Sales: 600,
},
{
Country: "Uganda",
Sales: 600,
},
{
Country: "Zimbabwe",
Sales: 500,
},
{
Country: "Egypt",
Sales: 400,
},
{
Country: "Italy",
Sales: 200,
},
{
Country: "Argentina",
Sales: 600,
},
{
Country: "Poland",
Sales: 400,
}
},
chartOptions: {
colors: {
"#3f51b5",
"#2196f3",
"#03a9f4",
"#00bcd4",
"#009688",
"#4caf50",
"#8bc34a",
"#cddc39"
},
lineWidth: 1,
chartArea: {
backgroundColor: "transparent",
width: "100%",
height: "80%"
},
height:300,
colorAxis: {
colors: {
"#00bcd4",
"#03a9f4",
"#2196f3",
"#3f51b5"
}
},
backgroundColor: "transparent",
datalessRegionColor: "#37474f",
displayMode: "markers"
)

Thanks in advance