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