Json map with international codes..

Question

Hi,in the resource:https://cdn.syncfusion.com/maps/map-data/world-map.jsonthere are the country names, but not the international codes. For example:gb -> United Kingdomus -> United Stateses -> SpainIs there another resource with the codes? Or the map is still working if we add another field (code) in a local copy of the JSON file?Regards

Sabari Anand Senthamarai Kannan · Accepted Answer

Hi Maurizio,

Thank you for the update.

Please find the details for your queries from the below table.

Queries

Details

I've attached a video about Animation On/Off. You can see your previous example with Animations ON. The video is in realtime and at the end, you can see there are no bubbles on the map. If I put AnimationDelay="0" and AnimationDuration="0", the map works fine.

This is not a problem, because I don't want the animations but the bug still exists.

Since you have confirmed that you do not require bubble animation in the Maps component, please set “AnimationDelay” and “AnimationDuration” to “0” in the “MapsBubble” class. We will, however, consider the reported issue as an internal issue that will be addressed in our upcoming main volume release. Please find the feedback link below to keep track of the reported issue.

https://www.syncfusion.com/feedback/26888

I'd like to show a legend where the categories are based on a field Type but showing only distinct values. If you run the example, you see the same Type repeated more times

We can remove duplicate legend items and group them together as a single legend item using “RemoveDuplicateLegend” property in the “MapsLegendSettings” class. Please find the code snippet below.

..

</SfMaps>

We have modified the provided sample application and it can be downloaded from the below link.

https://www.syncfusion.com/downloads/support/forum/166462/ze/BlazorWASMApp731083373

Please let us know if you need any further assistance.

Regards,

Sabari Anand

Swetha Babu · Answer

Hi Maurizio, 
 
Thank you for contacting Syncfusion support. 
 
We do not have any other WorldMap resource with international codes. If you want to add international codes to the local WorldMap file, you can do so, and the map will work if the international codes field is added to the WorldMap file. However, we developed a simple Blazor application and recorded a video on how to add international codes to a world map file. 
 
Sample Link: https://www.syncfusion.com/downloads/support/forum/166462/ze/MapServerApp-420665458 
Video Link:  https://www.syncfusion.com/downloads/support/forum/166462/ze/MapsVideo_(3)-1504624657 
 
Please let us know if you need further assistance. 
 
Regards, Swetha Babu.

maurizio ziraldo · Answer

Thanks. The example is clear. Now, I want to display a Bubbles Map using the code instead of the name of the countries:

(...)

(...)

public string[] ShapePropertyPath = { "code" };

public class BubbleDataSource

{

public double Rank { get; set; }

public double Code{ get; set; }

public string Name { get; set; }

public double Value { get; set; }

public string Color { get; set; }

public double Population { get; set; }

}

(...)

Is it correct to change the properties and fields in this way?

Regards.

Swetha Babu · Answer

Hi Maurizio, 
  
Thank you for your update. 
  
We can render the bubbles in tha Maps using the "code" field in the data source instead of name of the countries by setting the “ShapePropertyPath” and “ShapeDataPath” property in the “MapsLayer” class. "MapsBubble" class is used to render bubbles in the Maps component. However, we have created the simple Blazor application to demonstrate the same and it can be downloaded from the below link. 
  
https://www.syncfusion.com/downloads/support/forum/166462/ze/MapServerApp1389700861 
  
In the above application, we have rendered the world map with bubbles using the "Code" field instead of name of countries. Please let us know if the above sample meets your requirement. 
  
Please let us know if you need any further assistance. 
  
Regards, 
Swetha Babu

maurizio ziraldo · Answer

Thanks, the demo works well. I have a problem when I put your code in my application: a Blazor Webassembly App with charts and tables. The map is displayed, the point are in the source code of the page, but they are not visible:I'm using 19.1.0.66 version and I need to put these two scripts in the Host.cshtml page: Your demo is still working with these changes, but not my code. My app is more complex and it needs more time to be loaded. Maybe is it a problem with the animation of the bubbles that never starts? Is it possible to disable the animation?

Swetha Babu · Answer

Hi Maurizio,

Thank you for your update.

We can render the bubbles in tha Maps using the "code" field in the data source instead of name of the countries by setting the “ShapePropertyPath” and “ShapeDataPath” property in the “MapsLayer” class. "MapsBubble" class is used to render bubbles in the Maps component. However, we have created the simple Blazor application to demonstrate the same and it can be downloaded from the below link.

https://www.syncfusion.com/downloads/support/forum/166462/ze/MapServerApp1389700861

In the above application, we have rendered the world map with bubbles using the "Code" field instead of name of countries. Please let us know if the above sample meets your requirement.

Please let us know if you need any further assistance.

Regards,

Swetha Babu

maurizio ziraldo · Answer

Hi, yes, your demo works fine.Disabling the animation, the map works.In my application, there are two accumulation charts, one stacked chart, the map and other grids all on the same page. I don't know if this can be a problem. The map itself takes a few seconds to appear after all the others.The legend has some problem too. It's empty:Again in your example, the legend works well. Is your demo a Blazor WebAssembly App or a Blazor Server App? As I said, it is the first type in my case.

maurizio ziraldo · Answer

Sorry, I need to correct myself. I was trying the old demo, not the last one (WebAssembly).

Your WebAssembly demo DOESN'T work for me: it has the same problem as my application:

- with animation on, bubbles remain hidden

- with animation off, bubbles appear

And if I add the legend to your demo, it is empty.

The problem is the same on Edge and Chrome. My PC is an i7 with an NVIDIA, but it is 7 years old and it takes several seconds (30/40) to load completely your demo (debug mode).

Sabari Anand Senthamarai Kannan · Answer

Hi Maurizio, Thank you for your update, and we have posted our samples as part of the WASM project. With respect to legend, we suspect that you may have not set the "Type" property as "Bubble" and "Visible" property as "true" in the MapsLegendSettings class to visualize the bubble data. Please see the code snippet below for rendering the legend using the bubble data source. Code Snippet: Please find the screenshot of the sample that we provided on June 25, 2021 in which we have added with the above changes. IMPORTANT NOTE: If you are still facing the reported issue, please provide us the razor page alone that contains Maps, Grids and other Chart components. It will be helpful for us to analyze further and assist you better. Regards, Sabari Anand

maurizio ziraldo · Answer

Hi,yes, I've found LegendType.Bubbles just after I've replied to you. In any case, it works in your example but not in my application. I will investigate more my code.Video:I've attached a video about Animation On/Off. You can see your previous example with Animations ON. The video is in realtime and at the end, you can see there are no bubbles on the map. If I put AnimationDelay="0" and AnimationDuration="0"​, the map works fine.This is not a problem, because I don't want the animations but the bug still exists. Legend question:I've attached a new version of your code as it is on my application. I'd like to show a legend where the categories are based on a field Type but showing only distinct values. If you run the example, you see the same Type repeated more times:  Is it possible?Attachment: Attachment_52aef20.zip