Ok. Looking at your application now, but I don't understand what it is that's giving you a hard time.<br><br>What behavior do you want/expect that you aren't getting?<br><br><div class="gmail_quote">On Wed, Jan 28, 2009 at 10:12 AM, smithfield <span dir="ltr"><<a href="mailto:willsmithfield@gmail.com">willsmithfield@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;"><br>
Unfortunately, that didn't really answer the question. Could you be more<br>
specific?<br>
<br>
Thanks.<br>
<div><div></div><div class="Wj3C7c"><br>
<br>
$B>.0@(B wrote:<br>
><br>
> I just checked the content size and set the popup size dynamicly.<br>
><br>
> Regards,<br>
> suen<br>
><br>
> ----- Original Message -----<br>
> From: "smithfield" <<a href="mailto:willsmithfield@gmail.com">willsmithfield@gmail.com</a>><br>
> To: <<a href="mailto:users@openlayers.org">users@openlayers.org</a>><br>
> Sent: Tuesday, January 27, 2009 9:40 AM<br>
> Subject: [OpenLayers-Users] Ancored Popup Autosize troubles<br>
><br>
><br>
>><br>
>> Hello list. I have my map just about where I need it but the anchored<br>
>> popups<br>
>> are giving me a hard time. I have tried to include the autosize command<br>
>> with little luck. Any thoughts?<br>
>><br>
>> Regards-WS<br>
>><br>
>> <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>"><br>
>> <head><br>
>> <title>World Map</title><br>
>> <style type="text/css"><br>
>> #map {<br>
>> width: 1000px;<br>
>> height: 600px;<br>
>> border: 1px solid black;<br>
>> }<br>
>> </style><br>
>><br>
>> <script<br>
>> src='<a href="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ" target="_blank">http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ</a>'></script><br>
>> <script type="text/javascript"<br>
>> src="<a href="http://openlayers.org/api/OpenLayers.js" target="_blank">http://openlayers.org/api/OpenLayers.js</a>"></script><br>
>> <script type="text/javascript" src="data/world_borders.js"></script><br>
>> <script type="text/javascript"><br>
>> var map;<br>
>> var popup;<br>
>><br>
>><br>
>> function init(){<br>
>><br>
>> var options = {<br>
>> projection: new OpenLayers.Projection("EPSG:900913"),<br>
>> displayProjection: new OpenLayers.Projection("EPSG:4326"),<br>
>> units: "m",<br>
>> maxResolution: 156543.0339,<br>
>> numZoomLevels: 10,<br>
>><br>
>> maxExtent: new OpenLayers.Bounds(-20037508.34,<br>
>> -20037508.34,<br>
>> 20037508.34, 20037508.34)<br>
>> };<br>
>><br>
>><br>
>> map = new OpenLayers.Map('map',options);<br>
>><br>
>><br>
>> var gmap = new OpenLayers.Layer.Google("Google Streets",<br>
>> {<br>
>> 'sphericalMercator': true<br>
>> });<br>
>><br>
>><br>
>> map.addLayer(gmap);<br>
>><br>
>><br>
>> var colors =<br>
>> ["#7d0000","#be0b00","#e65100","#ff9700","#fcc900"];<br>
>><br>
>> var ranges = [15,30,45,60,75];<br>
>> var context = {<br>
>> getColor: function(feature) {<br>
>> for (var i = 0; i < ranges.length; i++){<br>
>> if (feature.attributes.Act_T <= ranges[i]){<br>
>> return colors[i];<br>
>> //return "#99000d";<br>
>> }<br>
>> }<br>
>> }<br>
>> };<br>
>><br>
>> var template = {<br>
>> fillColor: "${getColor}", // using<br>
>> context.getColor(feature)<br>
>> fillOpacity: ".75",<br>
>> strokeColor:"black",<br>
>> strokeWidth:1<br>
>> };<br>
>><br>
>> var style = new OpenLayers.Style(template, {context:<br>
>> context});<br>
>> var styleMap = new OpenLayers.StyleMap({'default': style,<br>
>> select: {fillColor: "333333"}, hover: {fillColor: "333333"}});<br>
>><br>
>> var geoJSON = new OpenLayers.Format.GeoJSON();<br>
>> var world_borders = new OpenLayers.Layer.Vector("Open Source<br>
>> Activity",{styleMap:styleMap, isBaseLayer: false,<br>
>> projection: new OpenLayers.Projection("EPSG:4326"),<br>
>> attribution: " <a href="http://www.zzzzz.com" target="_blank">www.zzzzz.com</a> zzzz "});<br>
>> world_borders.addFeatures(geoJSON.read(features));<br>
>> map.addLayer(world_borders);<br>
>><br>
>><br>
>> var select = new<br>
>> OpenLayers.Control.SelectFeature(world_borders,{hover:true,clickFeature:createPopup,onUnselect:unSelect});<br>
>> map.addControl(select);<br>
>> select.activate();<br>
>><br>
>> map.addControl(new OpenLayers.Control.MousePosition());<br>
>> var center = new OpenLayers.LonLat(0,30);<br>
>><br>
>> center.transform(map.displayProjection,map.getProjectionObject());<br>
>> map.setCenter(center, 2);<br>
>> }<br>
>><br>
>><br>
>> function createPopup(feature){<br>
>> if (popup != null) {<br>
>> map.removePopup(popup);<br>
>> popup.destroy();<br>
>> popup = null;<br>
>> }<br>
>> feature.lonlat =<br>
>> feature.geometry.getBounds().getCenterLonLat();<br>
>><br>
>> if (popup == null) {<br>
>><br>
>> popup = new OpenLayers.Popup.Anchored ("popup",<br>
>> feature.lonlat, new OpenLayers.Size(200,200),<br>
>> null, null, null,<br>
>> function () {<br>
>> map.removePopup( popup ); popup.destroy();<br>
>> popup = null;<br>
>> });<br>
>><br>
>><br>
>> var content = "<div>"+ feature.attributes.CNTRY_NAME +<br>
>> "</div><br>" +<br>
>> "<div><table>" +<br>
>> "<tr><th align='right'>Overall Rank:</th><td> " +<br>
>> feature.attributes.Act_T + "</td></tr>" +<br>
>> "<tr><th align='right'>Government Rank:</th><td> " +<br>
>> feature.attributes.Act_G + "</td></tr>" +<br>
>> "<tr><th align='right'>Industry Rank:</th><td>" +<br>
>> feature.attributes.Act_I + "</td></tr>" +<br>
>> "<tr><th align='right'>Community Rank:</th><td> " +<br>
>> feature.attributes.Act_C + " </td></tr>" +<br>
>> "</table></div>";<br>
>> popup.setContentHTML(content);<br>
>><br>
>> popup.setBackgroundColor("white");<br>
>> popup.setOpacity(1);<br>
>> popup.events.register('mousemove', popup, function (e)<br>
>> {try{e.stopPropagation();}catch(e){}});<br>
>> map.addPopup(popup);<br>
>><br>
>> } else {<br>
>> map.removePopup(popup);<br>
>> popup.destroy();<br>
>> popup = null;<br>
>> }<br>
>><br>
>> }<br>
>><br>
>><br>
>> function unSelect(){<br>
>> if (popup != null) {<br>
>> map.removePopup(popup);<br>
>> popup.destroy();<br>
>> popup = null;<br>
>> }<br>
>> }<br>
>><br>
>><br>
>> </script><br>
>> </head><br>
>> <body onload="init()"><br>
>> <center><br>
>> <div id="map"></div><br>
>> </center><br>
>> </body><br>
>> </html><br>
>><br>
>><br>
>> any thoughts on disabling the scroll wheel would be great too!<br>
>><br>
>> Thanks<br>
>> --<br>
>> View this message in context:<br>
>> <a href="http://n2.nabble.com/Ancored-Popup-Autosize-troubles-tp2221855p2221855.html" target="_blank">http://n2.nabble.com/Ancored-Popup-Autosize-troubles-tp2221855p2221855.html</a><br>
>> Sent from the OpenLayers Users mailing list archive at Nabble.com.<br>
>><br>
>> _______________________________________________<br>
>> Users mailing list<br>
>> <a href="mailto:Users@openlayers.org">Users@openlayers.org</a><br>
>> <a href="http://openlayers.org/mailman/listinfo/users" target="_blank">http://openlayers.org/mailman/listinfo/users</a><br>
> _______________________________________________<br>
> Users mailing list<br>
> <a href="mailto:Users@openlayers.org">Users@openlayers.org</a><br>
> <a href="http://openlayers.org/mailman/listinfo/users" target="_blank">http://openlayers.org/mailman/listinfo/users</a><br>
><br>
><br>
<br>
--<br>
</div></div>View this message in context: <a href="http://n2.nabble.com/Ancored-Popup-Autosize-troubles-tp2221855p2232720.html" target="_blank">http://n2.nabble.com/Ancored-Popup-Autosize-troubles-tp2221855p2232720.html</a><br>
<div><div></div><div class="Wj3C7c">Sent from the OpenLayers Users mailing list archive at Nabble.com.<br>
<br>
_______________________________________________<br>
Users mailing list<br>
<a href="mailto:Users@openlayers.org">Users@openlayers.org</a><br>
<a href="http://openlayers.org/mailman/listinfo/users" target="_blank">http://openlayers.org/mailman/listinfo/users</a><br>
</div></div></blockquote></div><br><br clear="all"><br>-- <br>Sebastian Benthall<br>OpenGeo - <a href="http://opengeo.org">http://opengeo.org</a><br>