Marker style

[Rio]

 Hi,

Guys, I'm an new for ThinkGeo, I have projects that based on the map control, I want to know that the web control may implement the following requirements, please check the attached image below:

I just found out the screen shot through network and it is for mobile, never mind, I just want to know if ThinkGeo web control can implement the marker style such as it above? I downloaded the web control to try and the web image displayed correctly but can I set the border and arrow for the marker.

Thanks in advance,

Rio,

[Rio]

Also if anyone can provide a sample to me, that’s helpful for me. 
  
 Thanks,

[Gary2]

Hello Rio, 
  
 Welcome to use MapSuite, there is a sample in HowDoISamples—>GettingStarted---->Add a Popup, that looks like your image, could you please have a look at it? 
  
 If you meet problems just let us know. 
  
 Regards, 
  
 Gary

[Rio]

Gary, 
  
 I didn’t talk about the popup, I think that’s clear to you, I was talking about the marker, not popup, I want the markers’ style can be configured to the image what I attached. Please check the image what I attached in my first post, on the map there are several markers and most of the markers have the image inside them, I want to know how will I configure the marker’s style so that they have the border and arrow such as google’s markers. I DIDN’T TALK ABOUT POPUP, THAT’S MARKER!!! 
  
 Thanks,

[Rio]

 Gary,

I tried the popup too, the arrow cannot be configured such as google, I loaded a small image in the popup, but the effects is not the same as google. The effect is bad. Please help you how to config the marker style or popup style. I need the popup packages the image suitable. Also I want to ask you how to configure the arrow, I want to the arrow always be down.

Please compare the popups between the ThinkGeo and Google. Obviously, they are not the same and the ThinkGeo cannot be configured to the same as Google. 

 

       

Thanks,

 

[Gary2]

Hello Rio, 
  
 Sorry I just think popup is better to fit your situation at the beginning. 
  
 There are two way to reach your requirement: 
  
 1) use SimpleMarkerOverlay if your image in the popup is not dynamic. 
  
 2) use Popup if your image need dynamic change. 
  
 But in both way, you have to edit the css of popup by yourself to reach your requirement, you can find the css file in the \theme\default folder, then search for olFramedCloudPopupContent, Popup, olPopupCloseBox. 
  
 Regards, 
  
 Gary

[Rio]

Gary, 
  
 I didn’t find out the CSS element for Popup, I just found out the CSS element for olFrameCloundPopupContent. Can you send me a sample that demonstrate how to customize the popup’s style? I just saw the content html property for content, not the popup.  
  
 Thanks,

[Rio]

Gary, 
  
 I saw there is a CustomPopup class, it represents a popup window whose style and background can be customized. This is the comment for this class what I saw. And I set the border properties to it, the appearance was changed, but the arrow of the popup was disappeared. It seems this class just can change the popup’s border and background, I cannot customize the popup in any shape I like?  
  
 Thanks,

[Gary2]

Hello Rio. 



Yes we 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.  



To change the CloundPopup background there is a easy way to to, change the graphic of the old style. Please change the graphic which you can find at [Installed Path]\theme\default\img\cloud_popup_relative.gif; 



It's really very complicated and trouble to make the style as the same as your requirement, sorry for the inconvenience currently.  



Regards, 



Gary

[Rio]

Gary, 
  
 I think your comment was copied from Howard, when I searched the associate posts in the discuss forum I ever reviewed the post what the Howard answered, but the date is 2009 year and it is so long. I think ThinkGeo web control can customize the popup’s shape now because there is another user implemented it correctly, this post below: 
  
 gis.thinkgeo.com/Support/DiscussionForums/tabid/143/aff/12/aft/5501/afv/topic/Default.aspx 
  
 So please review it again and give me a definite answer, if your product really cannot implement it, I will forward to look for another web control, 
  
 Thanks,

[Clint]

Hi Rio,  
  
 I just saw this post and I think you can accomplish what you want y using the WebImage property off of the DefaultMarkerStyle.  This property allows you to set any image for the marker and even control which way it’s rotated.   Now you will need to create your image exactly how you want it to look but then adding it to the map should be easy. 
  
 Take a look at the LabelAndRoateaMarker sample under the Markers folder in the How Do I Sample apps. 
  
 Let us know if this approach will work or not. 
  
 Thanks 
  

[Rio]

clint, 
  
 i see that, so i think there are two solutions to resolve this problem, 1, use marker, need to create my image exactly how i want and set it to marker. 
 2, use popup, as you mentioned, this is a better way to resolve it, but how will i customize the popup’ shape what i want? 
  
 for the first solution, it is difficult to me, the images are dynamic to load, i just want to add a border and arrow to it. so when each marker loaded with image, i need to draw the border and arrow manually. i know the gdi+ can implement this, but it is diffifuct to draw an arrow for a picture. 
  
 thanks,

[Clint]

Thanks Rio, I don’t think you are going to have the control you need to display the MarkerStyle exactly how you want with the popup.  So I think approach one where you create your image is the only option that I know of. 
  
 If you need some GDI+ code to help draw the image you can check out this article: 
  
 codeproject.com/KB/GDI-plus/SpeechBalloon.aspx 
  
 Hope this helps. 
  
 Thanks!