ThinkGeo.com    |     Documentation    |     Premium Support

Javascript Popup

#1

Hello,


  I am attempting to add a javascript popup.  I am confused about the marker.events.register function.  In the forum, I have found only one example that somewhat works.  I used it in the attached code.  What I am trying to do is a simple hover popup with some info inside the popup.  What I have works as far as displaying the popup, but has two problems.  The data inside the popup is always the same for each icon, and the popup is always in the same place on the map for each icon.  Please inform me as to what I am doing wrong.


Thanks,


Steven



1428-popup.txt (2.11 KB)

#2

Hi Steven,


We found that there is something wrong in your javascript code. So we made some change to it and it works fine in our end. Please get it and have a try.
Any more questions please let me know.
Thanks,
Sun

1429-popup.txt (1.93 KB)

#3

Sun, 
   Thanks!  That works great!.  Another question;  I noticed from the documentation that OpenLayers.Popup has a properties ‘autoSize’.  I am having trouble implementing this property. After creating the popup,  I tried setting popup.autoSize, but threw an error.  I know this probably a simple fix, but I am just learning javascript and cannot find a code example. 
  
 Thanks again! 
   Steven

#4

Steven,


Just set the ‘autoSize’ property to true before you add it the map control. The code could be like this:


var popup = new OpenLayers.Popup(siteId,
               new OpenLayers.LonLat(parseFloat(lon), parseFloat(lat)),
               new OpenLayers.Size(200, 200),
               content,
               true);

popup.autoSize = true;
olMap.addPopup(popup);


Any more questions please let me know.
Thanks,
Sun