Sign in to follow this  
mschenkel

Map Interferes With Css Menus

Recommended Posts

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

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

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

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