Sign in to follow this  
Followers 0
mschenkel

Map Interferes With Css Menus

By mschenkel, in Using FusionMaps XT

Recommended Posts

mschenkel   

mschenkel
Posted

I had the same problem with Fusion Charts. But I was able to overcome it with the Transparent mode (see Fusion Chart solution).

 

I can't seem to find the counter solution for Fusion Maps. I have CSS menus on a page. And right beneath the page is a Fusion Map. The CSS does not fully cover the map.

 

Thanks,

Mark.

Share this post

Link to post
Share on other sites

mschenkel   

mschenkel
Posted

Would appreciate if anyone could share some insight into this.

 

I know for FusionCharts you can use the wmode=transparent. However, this assumes the embedding code is html. For the FusionMap examples, it is all java script based:

 

  <div id="mapdiv" align="center">
     FusionMaps.
  </div>
  <script type="text/javascript">
     var map = new FusionMaps("http://www.xyz.com/FusionCharts/FusionMaps/SomeMap.swf", "Map1Id", "500", "300", "0", "0");
      map.setDataXML("<chart>.....</chart>");
     map.render("mapdiv");
  </script>

 

Is there a way to use the wmode parameter here?

Share this post

Link to post
Share on other sites

Guest Angshu   

Guest Angshu
Posted

Hi,

 

Thanks for your post.

 

Please find the sample code below:

 

<html>
 <head>        
   <title>My First Map using FusionMaps </title>
   <script type="text/javascript" src="../FusionMaps/FusionMaps.js"></script>   
 </head>   
 <body> 
   <div id="mapdiv" align="center">
     FusionMaps.
  </div>
  <script type="text/javascript">
     var map = new FusionMaps("../FusionMaps/FCMap_World.swf", "Map1Id", "500", "300", "0", "1");
             map.setDataXML("<map borderColor='000000' bgAlpha='0,0' fillColor='D7F4FF' numberSuffix=' Mill.' includeValueInLabels='1' labelSepChar=': ' baseFontSize='9'><data>	<entity id='NA' value='515' /><entity id='SA' value='373' /><entity id='AS' value='3875' /><entity id='EU' value='727' /><entity id='AF' value='885' /><entity id='AU' value='32' /></data></map>");
		   map.setTransparent(true);
     map.render("mapdiv");
  </script>
  </body>
  </html>

 

 

Hope this helps.smile.gif

Share this post

Link to post
Share on other sites

Guest Angshu   

Guest Angshu
Posted

Hi,

 

Glad to know that you have managed to resolve your problem.

 

Happy FusionCharting!biggrin.gif

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0
Go To Topic Listing Using FusionMaps XT