1. Home
  2. Forum
  3. Angular - EJ 2
  4. Regional map is not showing

Regional map is not showing

Hi,


From where can I get these files, actually Regional map is not loading at my end. I have followed this link

3 Replies 1 reply marked as answer
SP Sowmiya Padmanaban Syncfusion Team June 4, 2020 02:01 PM UTC

Hi RakhiS,  
 
Sorry for the inconvenience. 
 
We have checked your reported problem with DashboardLayout component. We have used local datasource for declaring the map component. So, your reported issue occurs.  
 
To resolve you issue, you can use online URL link for loading maps inside the DashboardLayout panel. Refer the below code snippet. 

 public  layers: object[] = [ 
        { 
            shapeData: new MapAjax('https://ej2.syncfusion.com/demos/src/dashboard-layout/worldmap.json'), 
            shapePropertyPath: 'continent', 
            shapeDataPath: 'continent', 
            dataSource: new MapAjax('https://ej2.syncfusion.com/demos/src/dashboard-layout/datasource.json'), 
            shapeSettings: { 
                colorValuePath: 'color', 
            }, 
}] 

You can also find the local map data in below link. 
 
 
For your reference, we have prepared a sample. 
 
Refer the below links for Map component. 
 
 
 
Please let us know, if you need any further assistance. 
 
Regards,  
Sowmiya.P 



RA RakhiS replied to Sowmiya Padmanaban June 5, 2020 04:39 AM UTC

Hi RakhiS,  
 
Sorry for the inconvenience. 
 
We have checked your reported problem with DashboardLayout component. We have used local datasource for declaring the map component. So, your reported issue occurs.  
 
To resolve you issue, you can use online URL link for loading maps inside the DashboardLayout panel. Refer the below code snippet. 

 public  layers: object[] = [ 
        { 
            shapeData: new MapAjax('https://ej2.syncfusion.com/demos/src/dashboard-layout/worldmap.json'), 
            shapePropertyPath: 'continent', 
            shapeDataPath: 'continent', 
            dataSource: new MapAjax('https://ej2.syncfusion.com/demos/src/dashboard-layout/datasource.json'), 
            shapeSettings: { 
                colorValuePath: 'color', 
            }, 
}] 

You can also find the local map data in below link. 
 
 
For your reference, we have prepared a sample. 
 
Refer the below links for Map component. 
 
 
 
Please let us know, if you need any further assistance. 
 
Regards,  
Sowmiya.P 



Hi, thanks for your response.
I am following the same Demo link that you provideed

but now I am getting only legends but not the diagram, Please help I am in need, sharing the screen shot


SB Swetha Babu Syncfusion Team June 8, 2020 12:48 PM UTC

Hi RakhiS, 

Thank you for your update. 

We have checked your screenshots and came to know that you are trying to render the default map from the mentioned link in your update. We can render the map using the world map and the markers can be rendered by importing the “MarkerService” in app.module file. We have created the simple angular application for the same and it can be downloaded from the following link. 


In the above sample, we have rendered the simple world map and the marker can be rendered using the markerSettings property in layers. The template can be rendered using the “template” property in markerSettings in maps.  

Please let us know if you need further assistance. 

Regards, 
Swetha Babu

Marked as answer
Loader.
Up arrow icon