Country Level Drilldown Map Links Not Working

[Rakesh.A]

Hi,

 

I am using the below given java script to load europe map and wanted to make few countries click-able and provided the url using 'link' attribute. But this code doesn't seem to work those links are not working. I am using the trial version of fusion maps for development.

 

<script type="text/javascript">
<!--
	// fusion maps initialization
	var myMap = new FusionCharts( "resources/maps/FCMap_Europe.swf", "myMap", "750", "400", "0");
	myMap.setJSONData({
			  	"map": {
						"showshadow": "0",
						"showbevel": "0",
						"showcanvasborder": "0",
						"bordercolor": "FFFFFF",
						"bgAlpha": "0",
						"wmode": "transparent"
			  	},
			  	"data": [
					{ "id": "IE", "value": "IE", "link": "http://localhost/mapTest/map/IE" },
					{ "id": "RU", "value": "RU", "link": "http://localhost/mapTest/map/RU" },
					{ "id": "ES", "value": "ES", "link": "http://localhost/mapTest/map/ES" }
			  	]
		});

	myMap.setTransparent(true);
	myMap.render("mapContainer");  
// -->
</script>

[FusionCharts Support]

Hi,

 

Welcome to FusionCharts Forum.

 

In your data, you need to specify the exact Internal Id of the entity through the id property as per the Map's Specification Sheet - http://docs.fusioncharts.com/maps/?Contents/MapSS/Europe.html.

 

Also, note that you may pass only a numeric value through the value property of your data (which is optional in your case- when you are targeting only links).

 

The modified data can be:

 

<script type="text/javascript">
       <!--
               // fusion maps initialization
               var myMap = new FusionCharts( "resources/maps/FCMap_Europe.swf", "myMap", "750", "400", "0");
               myMap.setJSONData({
                                       "map": {
                                                       "showshadow": "0",
                                                       "showbevel": "0",
                                                       "showcanvasborder": "0",
                                                       "bordercolor": "FFFFFF",
                                                       "bgAlpha": "0",
                                                       "wmode": "transparent"
                                       },
                                       "data": [
                                               { "id": "018", "value": "", "link": "http://localhost/mapTest/map/IE" },
                                               { "id": "046", "value": "", "link": "http://localhost/mapTest/map/RU" },
                                               { "id": "038", "value": "", "link": "http://localhost/mapTest/map/ES" }
                                       ]
                       });

               myMap.setTransparent(true);
               myMap.render("mapContainer");  
       // -->
       </script>

[Rakesh.A]

Hi,

 

Welcome to FusionCharts Forum.

 

In your data, you need to specify the exact Internal Id of the entity through the id property as per the Map's Specification Sheet - http://docs.fusionch...SS/Europe.html.

 

Also, note that you may pass only a numeric value through the value property of your data (which is optional in your case- when you are targeting only links).

 

The modified data can be:

 

<script type="text/javascript">
       <!--
               // fusion maps initialization
               var myMap = new FusionCharts( "resources/maps/FCMap_Europe.swf", "myMap", "750", "400", "0");
               myMap.setJSONData({
                                       "map": {
                                                       "showshadow": "0",
                                                       "showbevel": "0",
                                                       "showcanvasborder": "0",
                                                       "bordercolor": "FFFFFF",
                                                       "bgAlpha": "0",
                                                       "wmode": "transparent"
                                       },
                                       "data": [
                                               { "id": "018", "value": "", "link": "http://localhost/mapTest/map/IE" },
                                               { "id": "046", "value": "", "link": "http://localhost/mapTest/map/RU" },
                                               { "id": "038", "value": "", "link": "http://localhost/mapTest/map/ES" }
                                       ]
                       });

               myMap.setTransparent(true);
               myMap.render("mapContainer");  
       // -->
       </script>

 

Hi,

 

Thank you for the answer, Yes, the internal id was the problem.

 

Regards,

Rakesh.A

[Guest Sumedh]

[kittu]

Hi, I read the issue and solution too. It is fine. But how can we find the internal ID? Suppose i am loading asia how can i find the internal ID ? If anyone knows pls give me ur valuable suggestions.

 

 

Thanks in advance.

 

 

 

 

 

Regards,

K. Murali Krishna.

[Sanjukta]

Hi, I read the issue and solution too. It is fine. But how can we find the internal ID? Suppose i am loading asia how can i find the internal ID ? If anyone knows pls give me ur valuable suggestions.

 

 

Thanks in advance.

 

 

 

 

 

Regards,

K. Murali Krishna.

Hi,

 

Please note that the Internal ID for each entity of a map provided in the FusionMaps XT package is mentioned in our "Map Specification Sheet" section of FusionMaps XT Online Documentation.

Ref.- http://docs.fusioncharts.com/maps/Contents/?MapSS/Asia.html

 

This is available for all the maps provided in the Download Package.

 

Hope this helps.