# Redraw during Popup? **URL:** \ **Category:** WebForms\ **Created:** [August 6, 2009, 10:42pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921 "2009-08-06T22:42:08Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Jakub](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/j/ecb155/32.png) [@Jakub](https://community.thinkgeo.com/u/Jakub)\ **Post date:** [August 6, 2009, 10:42pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/1 "2009-08-06T22:42:08Z")
I have a problem with intermintent redraw of the map during a MapClick event that generates a popup. it is pretty disturbing for the viewer, is there a way to get rid of it?     `    Protected Sub Map1_Click(ByVal sender As Object, ByVal e As ThinkGeo.MapSuite.WebEdition.MapClickedEventArgs) Handles Map1.Click        ' get the click position.        Dim clickWorldPosition As PointShape = e.Position        ' convert to screen point.        Dim clickScreenPoint As ScreenPointF = Map1.ToScreenCoordinate(clickWorldPosition)......                Dim popup As CloudPopup                If Map1.Popups.Count = 0 Then            popup = New CloudPopup("Popup", e.Position, String.Empty, 200, 80, True, True)                    popup.IsVisible = True                    Map1.Popups.Add(popup)                Else                    popup = DirectCast(Map1.Popups("Popup"), CloudPopup)            popup.Position = e.Position            popup.IsVisible = True                End If                popup.ContentHtml = GetPopupContent(selectedFeatures)    End Sub` ---
**Author:** ![Ben](https://community.thinkgeo.com/user_avatar/community.thinkgeo.com/ben/32/25720_2.png) [@Ben](https://community.thinkgeo.com/u/Ben)\ **Post date:** [August 9, 2009, 9:51pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/2 "2009-08-09T21:51:35Z")
Jakub,      Did you put the map within an UpdatePanel? It will not have any flicker if it is in. Please have a look at the sample GettingStarted-\>AddAMarker for detail.      Thanks,      Bai ---
**Author:** ![Jakub](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/j/ecb155/32.png) [@Jakub](https://community.thinkgeo.com/u/Jakub)\ **Post date:** [August 10, 2009, 11:52am UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/3 "2009-08-10T11:52:26Z")
Yes I have it in Update Panel.   It still redraws the map.   Could it be because I am using the GoogleMapsLayer?      Also, the Popup takes quite a while to render (\>2seconds). The contents of the popup displays immediatelly, but on trasparent background and then the popup draws around it 2 seconds later. Looks wierd. Any way to prevent that?  ---
**Author:** ![Ben](https://community.thinkgeo.com/user_avatar/community.thinkgeo.com/ben/32/25720_2.png) [@Ben](https://community.thinkgeo.com/u/Ben)\ **Post date:** [August 11, 2009, 1:34am UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/4 "2009-08-11T01:34:54Z")
Jakub, It should work fine even with GoogleMapLayer. Please have a look at the attached sample where you can find after putting the map within an undate panel, the map doesn't have any flicker when adding a popup. Let me know if you have more issues. Thanks, Ben [1025-TestGoogleMap.zip](https://community.thinkgeo.com/uploads/default/original/2X/6/68c27b71a45805a3db208c1023c475e4993b4548.zip) (17.6 KB) ---
**Author:** ![Jakub](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/j/ecb155/32.png) [@Jakub](https://community.thinkgeo.com/u/Jakub)\ **Post date:** [August 11, 2009, 10:47am UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/5 "2009-08-11T10:47:31Z")
Yes, it works fine like that with no data. but when there are two shapefiles (50 polygons each) and several thousand markers on InMemoryFeatureLayer the map redraws on the first Map\_Click event.    Also, as mentioned the Popup takes a  long time to render, any way to speed it up?  ---
**Author:** ![Howard](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/h/90ced4/32.png) [@Howard](https://community.thinkgeo.com/u/Howard)\ **Post date:** [August 12, 2009, 12:46pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/6 "2009-08-12T12:46:13Z")
Jakub,      Could you provide us what’s the content html of popup did you add? Is it Iframe or something?      Thanks,   Howard  ---
**Author:** ![Jakub](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/j/ecb155/32.png) [@Jakub](https://community.thinkgeo.com/u/Jakub)\ **Post date:** [August 12, 2009, 8:55pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/7 "2009-08-12T20:55:28Z")
No iframe. The contents is pretty simple just three rows. But it is not the content. That shows up immediatelly, it is the popup backround (yellow box) that takes forever to draw.   `  Private Shared Function GetPopupContentPlume(ByVal features As Collection(Of Feature)) As String        Dim content As String = ""        Dim message As New StringBuilder()        Dim messageInPopup As String = ""                message.AppendFormat("Plume")        message.AppendFormat("
  • Plume ID : {0}
    • ", features(0).ColumnValues("GWTPLU_ID").Trim())        message.AppendFormat("
  • Haz Site : {0}
    • ", features(0).ColumnValues("HAZSITE_ID").Trim())        message.AppendFormat("
  • Plume : {0}
    • ", features(0).ColumnValues("PLUME_D").Trim())        messageInPopup = [String].Format("{0}", message.ToString())        content = messageInPopup               Return content    End Function` ---
    **Author:** ![Howard](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/h/90ced4/32.png) [@Howard](https://community.thinkgeo.com/u/Howard)\ **Post date:** [August 13, 2009, 3:33pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/8 "2009-08-13T15:33:33Z")
    Jakub, The code is exactly right, but I cannot figure out the problem.  Sorry, I need more information about this.  1, What type of GeoPopup do you use? 2, How many Popups in your map in one viewport? 3, Could you send me some screenshot about the yellow box? 4, If it's possible, please send me a quick sample for me to recreate it. We have an online sample which shows the popup background and content at the same time: [websamples.thinkgeo.com/webe...icked.aspx](http://websamples.thinkgeo.com/webeditionsamples/Samples/GettingStarted/FindTheFeatureTheUserClicked.aspx) Looking forward your feedback. Thanks, Howard ---
    **Author:** ![Jakub](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/j/ecb155/32.png) [@Jakub](https://community.thinkgeo.com/u/Jakub)\ **Post date:** [August 14, 2009, 2:13pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/9 "2009-08-14T14:13:10Z")
    Hi, here are your answers 1. Not sure what type of popup. I just took your sample code and used it. I guess it is a cloud popup. are there any other? This is the declaration: Dim popup as CloudPopup 2. I always have only one popup in the viewport. the redraw and slowness manifests only on the first popup anyway. 3. Screenshot below - the left screen was captured about a second after the shapefile was clicked. You can see that the data from the shapefile is already retrieved and displayed, but the map is redrawing and then the popup background will come another second after the redraw completed. Way too long. 4. not sure if i can condense it into a short sample. It is hooked up the SQL and shapefile data. I started from the sample that you mentioned.   ![](https://community.thinkgeo.com/uploads/default/original/2X/c/cb7bfa9439193edfe3084b6a058fab45c89f48c2.jpg) ---
    **Author:** ![Howard](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/h/90ced4/32.png) [@Howard](https://community.thinkgeo.com/u/Howard)\ **Post date:** [August 14, 2009, 3:03pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/10 "2009-08-14T15:03:53Z")
    Hi Jakub,      I already know what you exactly mean. You are using CloudPopup. We also have CustomPopup which background can be transparent and its border is rectangle. You can make your own graphic as its background. But the disadvantage is that we don’t response for the style any more. For example the arrow and the round corner. It’s not easy to implement a popup like our current CloudPopup.      I think the popup shows slow because your web browser is busy on requesting images and delay the background of the popup. My solution is make the background image file length smaller so that the browser can download it fastly. The method is lower quality of the file which you can find at “[Installed Sample]\theme\default\img\cloud\_popup\_relative.gif”. Currently it’s 16.2K.      Another solution is more advanced. To show the popup without content html first. Use JavaScript to fill the html content asynchronizely. Hope you understand what I mean.      Any questions please let me know.      Thanks,   Howard ---
    **Author:** ![Jakub](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/j/ecb155/32.png) [@Jakub](https://community.thinkgeo.com/u/Jakub)\ **Post date:** [August 16, 2009, 9:41pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/11 "2009-08-16T21:41:01Z")
    But that is what i am trying to prevent in the first place. The refresh of the base map (and reloading the images). The map is completely loaded before the Map\_Click event and and it reloads on the first click ONLY, although it is in the update panel.    On the mapclick it should only load the data (which it does fast) and a simple popup background image (much smaller size that the data retrieved), yet it takes long time.  ---
    **Author:** ![Howard](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/h/90ced4/32.png) [@Howard](https://community.thinkgeo.com/u/Howard)\ **Post date:** [August 17, 2009, 3:37pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/12 "2009-08-17T15:37:26Z")
    Jakub,      I agree with you that 2 seconds takes too much time on the popup. I think your situation is general from the code you send to me. How do you think the speed in our online sample? Is it fast or not? If your situation is special, could you send me a sample to see how it works. Because as I tested, the popup is just a little slow (0.5 second delay) than the text loading.      Our map control mains many client states which needs to be synchronize to the server side. Even if you put it in the update panel, it only reduces the size to transfer which is outside the update panel but it cannot reduce the map control’s it self.      So if you can answer me the question above and send me some sample which 2 seconds delay. It will be great for me the figure out this issue.      Any questions please let me know.      Thanks,   Howard ---
    **Author:** ![Jakub](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/j/ecb155/32.png) [@Jakub](https://community.thinkgeo.com/u/Jakub)\ **Post date:** [August 18, 2009, 1:45pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/13 "2009-08-18T13:45:38Z")
    Your sample deals with the static layers and GoogleOverlay map. My app is working with the Google map in the LayerOverlay, because you told me that is the only way to get it printed in the PDF.   that is where the speed problem is in my opinion. The map was not redrawing during MapClick until i switched it to the LayerOverlay.        ---
    **Author:** ![Howard](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/h/90ced4/32.png) [@Howard](https://community.thinkgeo.com/u/Howard)\ **Post date:** [August 18, 2009, 2:10pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/14 "2009-08-18T14:10:55Z")
    Jakub,      I see. So you change the GoogleOverlay to GoogleMapsLayer for printing into PDF. Now I have another idea for you that you can change back using GoogleOverlay and also can be printed. I think it’s just a trick which is maintaining a LayerOverlay that contains the googleMapsLayer and the other layers. But it doesn’t actually draw on the map. When click to print the map to PDF, we use the temporary LayerOverlay to print instead of the GoogleOverlay.      Hope it makes sense. Please let me know if there is any misunderstanding.      Thanks,   Howard ---
    **Author:** ![Jakub](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/j/ecb155/32.png) [@Jakub](https://community.thinkgeo.com/u/Jakub)\ **Post date:** [August 18, 2009, 4:27pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/15 "2009-08-18T16:27:04Z")
    Does not make sense :)   Can you elaborate.   My understanding was that I can either load the base layer into a GoogleOvelray (does not print to PDF) or Layer overlay (prints to PDF)    As I need to be able to print to PDf I recoded everything to work with layer overlays.   what is the trick?  ---
    **Author:** ![Howard](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/h/90ced4/32.png) [@Howard](https://community.thinkgeo.com/u/Howard)\ **Post date:** [August 19, 2009, 11:29am UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/16 "2009-08-19T11:29:22Z")
    Jakub,      Let me clarify this.    1. If you don’t need print, does GoogleOverlay satisfy your requirement?   2. If you don’t display the map, does GoogleMapsLayer satisfy your print requirement?      If both of the conditions are fine, my trick can implement your requirement by the following steps.   1. Add GoogleOverlay for displaying on the map as our normal use.   2. Click print button.    3. Create a new GoogleMapsLayer and a LayerOverlay   4. Remove the GoogleOverlay from map.   5. Add the new LayerOverlay into the map.   6. Print.   7. After print completed, re-add the GoogleOverlay back and remove the LayerOverlay.      In my option, GoogleOverlay is faster than GoogleMapsLayer and there is only one logo.      If there is any misunderstanding please point out.      Thanks,   Howard  ---
    **Author:** ![Jakub](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/j/ecb155/32.png) [@Jakub](https://community.thinkgeo.com/u/Jakub)\ **Post date:** [August 19, 2009, 12:34pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/17 "2009-08-19T12:34:08Z")
    That could work.   Lots of swapping of overlays. I’ll see how fast it is.   thanks ---
    **Author:** ![Howard](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/h/90ced4/32.png) [@Howard](https://community.thinkgeo.com/u/Howard)\ **Post date:** [August 19, 2009, 1:11pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/18 "2009-08-19T13:11:30Z")
    Jakub,      Yes, I think it may confuse many people. And we are lacking of documentations of these APIs. Currently, we have code community which may add more and more customize projects; it’ll be easier for us to find our solutions in the future.      Thanks. Please let me know if you have more questions.   Howard ---
    **Author:** ![Jakub](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/j/ecb155/32.png) [@Jakub](https://community.thinkgeo.com/u/Jakub)\ **Post date:** [August 19, 2009, 10:09pm UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/19 "2009-08-19T22:09:10Z")
    It worked, kind of.   Since I added just the Google LayerOverlay to existing overlays in the PDF\_ButtonClick it ended up on top of all other overlays, covering them.   Is there a way to add it to the bottom? Or restack the ovelays. I would hate to have to remove all of them and re-add them as they are loaded from the database and shapefiles so performane would suffer.   thanks   jakub  ---
    **Author:** ![Howard](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/h/90ced4/32.png) [@Howard](https://community.thinkgeo.com/u/Howard)\ **Post date:** [August 20, 2009, 10:22am UTC](https://community.thinkgeo.com/t/redraw-during-popup/4921/20 "2009-08-20T10:22:46Z")
    Hi Jakub,      LayerOverlay.Layers and Map.CustomOverlays are both collections. I think you can try to use Insert method to insert the layer or overlay in the bottom. For example:   Map1.CustomOverlays.Insert(0, overlay);      Please let me know if you have any questions.      Thanks,   Howard  [Next page](https://community.thinkgeo.com/t/redraw-during-popup/4921.md?page=2)