ThinkGeo.com    |     Documentation    |     Premium Support

Multiple maps on the same page

#1

I'm attempting to place two Map Suite maps onto the same page. These maps are displaying markers over OSM map data and will eventually be pulling in details from a databound grid, however I'm currently populating the data in response to a button click.  The problem I am having is that upon first loading the page, the markers are only visible on the second map; the markers on the first map only appear after you attempt to pan or zoom, at which point everything appears to work fine. The results are the same in FireFox, IE7 and Chrome.


I've attached a simplified example page which should demonstrate the problem. Is this a bug, or have I missed something blatantly obvious?


 


 



WebForm3.zip (3.29 KB)

#2

Iain,



Thanks for your information about this post. I have recreated your problems. I have to say that if you dump two map controls into one page and many problems maybe will occur. 



We always suggest that users don't put more than one map control into one page and this will cause many unexpected problems. Maybe this is a bug for MapSuite WebEdition.



I have tried to use SimpleMarkerOverlay and it works well and please check out the codes in the attached file. Also after page has been loaded, and you can see something is wrong for the OverlaySwitcher map tool.


If you still have any questions, please let me know.



Thanks,



Khalil



CSharp_Samples.zip (2.98 KB)

#3

Thanks for the response. I've tried the example you sent and while the markers do appear to be drawn on both maps, they are lacking the numbered labels on the markers.  Each of the markers need to be labelled with a number and the only way I found to do this so far was using the InMemoryMarkerOverlay and binding on a "Label" column in the associated FeatureSource.



#4

Iain, 
  
 I think you can get the same result using SimpleMarkerOverlay. Marker object also has an WebImage Object, so you can set that like the codes below: 
  
             WebImage image = new WebImage("/theme/default/img/marker_blue.gif", 40, 35, 0, -35); 
             image.Text = "1"; 
             image.TextOffsetX = 14; 
             image.TextOffsetY = 3; 
             Marker marker1 = new Marker(newPoint1.X, newPoint1.Y, image); 
  
 If you still have any problems please let me know. 
  
 Thanks, 
  
 Khalil