<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Helvetica;
panose-1:2 11 6 4 2 2 2 2 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:Arial;
color:windowtext;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
{page:Section1;}
-->
</style>
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Hi,<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'> We are rendering a vector layer that has 1000+ shapes.
Currently, it is very slow in IE. Any ideas as to where to start to improve
performance?<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'> The code that is being used to render this layer is
below:<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=2 face=Arial><span
style='font-size:10.0pt;font-family:Arial'> </span></font><font size=1
color=black face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'>shapeStore.on(</span></font><font size=1 color="#2a00ff"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#2A00FF'>'load'</span></font><font size=1 color=black face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New";color:black'>, </span></font><font
size=1 color="#7f0055" face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New";color:#7F0055'>function</span></font><font size=1
color=black face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'>(ds){ </span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> timeStore.loadData(shapeStore.reader.jsonData);</span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 color="#3f7f5f"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#3F7F5F'>// Build the array of points</span></font><font size=1
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 color="#7f0055"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#7F0055'>for</span></font><font size=1 color=black face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New";color:black'> (</span></font><font
size=1 color="#7f0055" face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New";color:#7F0055'>var</span></font><font size=1
color=black face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> i = 0; i < shapeStore.getCount(); i++) {</span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> pointsArr.length = 0;</span></font><font size=1
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> pointArr.length = 0;</span></font><font size=1
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> theArr.length = 0;</span></font><font size=1
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> theArrIdx = 0; </span></font><font size=1
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> pointsArr = shapeStore.getAt(i).data.geom.split(</span></font><font
size=1 color="#2a00ff" face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New";color:#2A00FF'>","</span></font><font
size=1 color=black face="Courier New"><span style='font-size:8.0pt;font-family:
"Courier New";color:black'>); </span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> shapeStyle = shapeStore.getAt(i).data.style; </span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 color="#7f0055"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#7F0055'>for</span></font><font size=1 color=black face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New";color:black'> (</span></font><font
size=1 color="#7f0055" face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New";color:#7F0055'>var</span></font><font size=1
color=black face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> x = 0; x < pointsArr.length; x++) {</span></font><font size=1
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> pointArr = pointsArr[x].split(</span></font><font
size=1 color="#2a00ff" face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New";color:#2A00FF'>" "</span></font><font
size=1 color=black face="Courier New"><span style='font-size:8.0pt;font-family:
"Courier New";color:black'>); </span></font><font size=1
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> theArr[theArrIdx++] = </span></font><font size=1
color="#7f0055" face="Courier New"><span style='font-size:8.0pt;font-family:
"Courier New";color:#7F0055'>new</span></font><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> OpenLayers.Geometry.Point(pointArr[0],pointArr[1]); </span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> }</span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 color="#7f0055"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#7F0055'>var</span></font><font size=1 color=black face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New";color:black'> theLinearRing = </span></font><font
size=1 color="#7f0055" face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New";color:#7F0055'>new</span></font><font size=1
color=black face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> OpenLayers.Geometry.LinearRing(theArr);</span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 color="#7f0055"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#7F0055'>var</span></font><font size=1 color=black face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New";color:black'> thePolygon = </span></font><font
size=1 color="#7f0055" face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New";color:#7F0055'>new</span></font><font size=1
color=black face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> OpenLayers.Geometry.Polygon(theLinearRing);</span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 color="#7f0055"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#7F0055'>var</span></font><font size=1 color=black face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New";color:black'> theAttributes =
{</span></font><font size=1 face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> airspace_name: shapeStore.getAt(i).data.airspace_name</span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> }</span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 color="#7f0055"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#7F0055'>var</span></font><font size=1 color=black face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New";color:black'> theFeature = </span></font><font
size=1 color="#7f0055" face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New";color:#7F0055'>new</span></font><font size=1
color=black face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'>
OpenLayers.Feature.Vector(thePolygon,theAttributes,eval(shapeStyle));</span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> shapes_layer[0].addFeatures([theFeature]);</span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> }</span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 color="#2a00ff"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#2A00FF'>//</span></font><font size=1 color=black face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New";color:black'> Update the Map
Time</span></font><font size=1 face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 color="#7f0055"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#7F0055'>var</span></font><font size=1 color=black face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New";color:black'> theDateSpan =
document.getElementById(</span></font><font size=1 color="#2a00ff"
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:#2A00FF'>'thedate'</span></font><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'>);</span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> theDateSpan.innerHTML = timeStore.getAt(0).data.thedate + </span></font><font
size=1 color="#2a00ff" face="Courier New"><span style='font-size:8.0pt;
font-family:"Courier New";color:#2A00FF'>", "</span></font><font
size=1 color=black face="Courier New"><span style='font-size:8.0pt;font-family:
"Courier New";color:black'> + timeStore.getAt(1).data.thedate;</span></font><font
size=1 face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> });</span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal style='text-autospace:none'><font size=1 color=black
face="Courier New"><span style='font-size:8.0pt;font-family:"Courier New";
color:black'> </span></font><font size=1 face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New"'><o:p></o:p></span></font></p>
<p class=MsoNormal><font size=1 color=black face="Courier New"><span
style='font-size:8.0pt;font-family:"Courier New";color:black'> shapeStore.load();</span></font><font
size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'><o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Thanks,<br>
Jim<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>Jim Meyer<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>Java Programmer<o:p></o:p></span></font></p>
<p class=MsoNormal><b><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black;font-weight:bold'>Concept</span></font></b><b><font
size=1 color=blue face=Helvetica><span style='font-size:9.0pt;font-family:Helvetica;
color:blue;font-weight:bold'>Solutions</span></font></b><font size=1
color=black face=Helvetica><span style='font-size:9.0pt;font-family:Helvetica;
color:black'>, LLC<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'> </span></font><font
size=1 color=blue face=Helvetica><span style='font-size:7.5pt;font-family:Helvetica;
color:blue'>We Make Business Intelligent</span></font><font color=black><span
style='color:black'><o:p></o:p></span></font></p>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>703.889.8434<span
class=apple-converted-space> </span></span></font><font size=1
color="#ffcc5d" face=Helvetica><span style='font-size:9.0pt;font-family:Helvetica;
color:#FFCC5D'>[</span></font><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>desk</span></font><font
size=1 color="#ffcc5d" face=Helvetica><span style='font-size:9.0pt;font-family:
Helvetica;color:#FFCC5D'>]</span></font><font color=black><span
style='color:black'><o:p></o:p></span></font></p>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>703.391.9041</span></font><font
size=1 color="#ffcc5d" face=Helvetica><span style='font-size:9.0pt;font-family:
Helvetica;color:#FFCC5D'>[</span></font><font size=1 color=black
face=Helvetica><span style='font-size:9.0pt;font-family:Helvetica;color:black'>fax</span></font><font
size=1 color="#ffcc5d" face=Helvetica><span style='font-size:9.0pt;font-family:
Helvetica;color:#FFCC5D'>]</span></font><font color=black><span
style='color:black'><o:p></o:p></span></font></p>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>www.<b><span
style='font-weight:bold'>Concept-</span></b></span></font><b><font size=1
color=blue face=Helvetica><span style='font-size:9.0pt;font-family:Helvetica;
color:blue;font-weight:bold'>Solutions</span></font></b><font size=1
color=black face=Helvetica><span style='font-size:9.0pt;font-family:Helvetica;
color:black'>.com</span></font><o:p></o:p></p>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font></p>
</div>
</body>
</html>