<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></style></head>
<body class='hmmessage'><div dir='ltr'>
<span style="background-color: rgb(255, 255, 255); font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 10pt; ">Hi all, </span><br><div dir="ltr"><br style="font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;background-color:rgb(255, 255, 255)"><span style="font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;background-color:rgb(255, 255, 255)">I'm using GeoExt to create a tree node structure for my layers, and I'm using the following </span><span style="font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;background-color:rgb(255, 255, 255)">heatmap script: </span><br style="font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;background-color:rgb(255, 255, 255)"><br style="font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;background-color:rgb(255, 255, 255)"><a href="http://www.websitedev.de/temp/openlayers-heatmap-layer.html" rel="nofollow" style="color:rgb(85, 26, 139);font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;background-color:rgb(255, 255, 255)" target="_blank">http://www.websitedev.de/temp/openlayers-heatmap-layer.html</a><br style="font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;background-color:rgb(255, 255, 255)"><br style="font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;background-color:rgb(255, 255, 255)"><font face="Verdana, Geneva, Helvetica, Arial, sans-serif">The heatmap functionality breaks in my application when I add this script /ext-3.4.0/adapter/ext/ext-base-debug.js", without making any other changes to my code.<br></font><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif"><br></font></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif">It seems that the points are displaying correctly, is just the colour that is not showing properly. Instead of showing the colours, everything is displayed in black with the correct intensity.</font></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif">This is the error that I'm getting: </font></div><div><ol class="ecxoutline-disclosure" tabindex="0" style="box-sizing:border-box;font-size:12px;list-style-type:none;margin-right:0px;margin-left:0px;outline:none;padding-left:0px;line-height:12px;font-family:Consolas, 'Lucida Console', monospace;background-color:rgb(255, 255, 255)"><li title="" class="ecxparent ecxexpanded ecxselected" style="box-sizing:border-box;padding:0px 0px 0px 14px;margin-bottom:1px;margin-left:-12px;word-wrap:break-word"><span class="ecxconsole-message-text ecxsource-code" style="box-sizing:border-box;white-space:pre-wrap;color:red !important"><span style="box-sizing:border-box"><br></span></span></li><li title="" class="ecxparent ecxexpanded ecxselected" style="box-sizing:border-box;padding:0px 0px 0px 14px;margin-bottom:1px;margin-left:-12px;word-wrap:break-word"><span class="ecxconsole-message-text ecxsource-code" style="box-sizing:border-box;white-space:pre-wrap;color:red !important"><span style="box-sizing:border-box">Uncaught TypeError: Cannot read property 'x' of null</span> <a href="http://localhost:25566/Scripts/OpenLayers-2.11/OpenLayers.js" class="ecxconsole-message-url ecxwebkit-html-resource-link" title="" style="box-sizing:border-box;float:right;margin-left:4px;color:rgb(84, 84, 84);cursor:pointer;max-width:100%" target="_blank">OpenLayers.js:516</a></span></li><ol class="ecxchildren ecxexpanded" style="box-sizing:border-box;padding-right:0px !important;padding-left:12px !important;margin-right:0px;margin-left:0px;cursor:default;min-width:100%;list-style-type:none;font-size:inherit"><li title="" style="box-sizing:border-box;padding:0px 0px 0px 14px;margin-bottom:1px;margin-left:-2px;word-wrap:break-word"><div style="box-sizing:border-box"><span class="ecxconsole-message-text ecxsource-code" style="box-sizing:border-box;white-space:pre-wrap;color:red !important">OpenLayers.Map.OpenLayers.Class.getPixelFromLonLat</span><a href="http://localhost:25566/Scripts/OpenLayers-2.11/OpenLayers.js" class="ecxconsole-message-url ecxwebkit-html-resource-link" title="" style="box-sizing:border-box;float:right;margin-left:4px;color:rgb(84, 84, 84);cursor:pointer;max-width:100%" target="_blank">OpenLayers.js:516</a></div></li><li title="" style="box-sizing:border-box;padding:0px 0px 0px 14px;margin-bottom:1px;margin-left:-2px;word-wrap:break-word"><div style="box-sizing:border-box"><span class="ecxconsole-message-text ecxsource-code" style="box-sizing:border-box;white-space:pre-wrap;color:red !important">OpenLayers.Map.OpenLayers.Class.getLayerPxFromLonLat</span><a href="http://localhost:25566/Scripts/OpenLayers-2.11/OpenLayers.js" class="ecxconsole-message-url ecxwebkit-html-resource-link" title="" style="box-sizing:border-box;float:right;margin-left:4px;color:rgb(84, 84, 84);cursor:pointer;max-width:100%" target="_blank">OpenLayers.js:519</a></div></li><li title="" style="box-sizing:border-box;padding:0px 0px 0px 14px;margin-bottom:1px;margin-left:-2px;word-wrap:break-word"><div style="box-sizing:border-box"><span class="ecxconsole-message-text ecxsource-code" style="box-sizing:border-box;white-space:pre-wrap;color:red !important">Heatmap.Layer.OpenLayers.Class.moveTo</span><a href="http://localhost:25566/Scripts/Heatmap.js" class="ecxconsole-message-url ecxwebkit-html-resource-link" title="" style="box-sizing:border-box;float:right;margin-left:4px;color:rgb(84, 84, 84);cursor:pointer;max-width:100%" target="_blank">Heatmap.js:252</a></div></li><li title="" style="box-sizing:border-box;padding:0px 0px 0px 14px;margin-bottom:1px;margin-left:-2px;word-wrap:break-word"><div style="box-sizing:border-box"><span class="ecxconsole-message-text ecxsource-code" style="box-sizing:border-box;white-space:pre-wrap;color:red !important">OpenLayers.Map.OpenLayers.Class.moveTo</span><a href="http://localhost:25566/Scripts/OpenLayers-2.11/OpenLayers.js" class="ecxconsole-message-url ecxwebkit-html-resource-link" title="" style="box-sizing:border-box;float:right;margin-left:4px;color:rgb(84, 84, 84);cursor:pointer;max-width:100%" target="_blank">OpenLayers.js:498</a></div></li><li title="" style="box-sizing:border-box;padding:0px 0px 0px 14px;margin-bottom:1px;margin-left:-2px;word-wrap:break-word"><div style="box-sizing:border-box"><span class="ecxconsole-message-text ecxsource-code" style="box-sizing:border-box;white-space:pre-wrap;color:red !important">OpenLayers.Map.OpenLayers.Class.setCenter</span><a href="http://localhost:25566/Scripts/OpenLayers-2.11/OpenLayers.js" class="ecxconsole-message-url ecxwebkit-html-resource-link" title="" style="box-sizing:border-box;float:right;margin-left:4px;color:rgb(84, 84, 84);cursor:pointer;max-width:100%" target="_blank">OpenLayers.js:473</a></div></li><li title="" style="box-sizing:border-box;padding:0px 0px 0px 14px;margin-bottom:1px;margin-left:-2px;word-wrap:break-word"><div style="box-sizing:border-box"><span class="ecxconsole-message-text ecxsource-code" style="box-sizing:border-box;white-space:pre-wrap;color:red !important">OpenLayers.Map.OpenLayers.Class.updateSize</span><a href="http://localhost:25566/Scripts/OpenLayers-2.11/OpenLayers.js" class="ecxconsole-message-url ecxwebkit-html-resource-link" title="" style="box-sizing:border-box;float:right;margin-left:4px;color:rgb(84, 84, 84);cursor:pointer;max-width:100%" target="_blank">OpenLayers.js:464</a></div></li><li title="" style="box-sizing:border-box;padding:0px 0px 0px 14px;margin-bottom:1px;margin-left:-2px;word-wrap:break-word"><div style="box-sizing:border-box"><span class="ecxconsole-message-text ecxsource-code" style="box-sizing:border-box;white-space:pre-wrap;color:red !important">(anonymous function)</span></div></li></ol></ol></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif"><br></font></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif"><br></font></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif">The line in the heatmap.js that is pointed in the error list does this </font></div><div><b><span class="ecxwebkit-javascript-keyword" style="font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre;box-sizing:border-box;color:rgb(170, 13, 145)">var</span><span style="background-color:rgb(255, 255, 255);font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre"> </span><span class="ecxwebkit-javascript-ident" style="font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre;box-sizing:border-box">pos</span><span style="background-color:rgb(255, 255, 255);font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre"> = </span><span class="ecxwebkit-javascript-keyword" style="font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre;box-sizing:border-box;color:rgb(170, 13, 145)">this</span><span style="background-color:rgb(255, 255, 255);font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre">.</span><span class="ecxwebkit-javascript-ident" style="font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre;box-sizing:border-box">map</span><span style="background-color:rgb(255, 255, 255);font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre">.</span><span class="ecxwebkit-javascript-ident" style="font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre;box-sizing:border-box">getLayerPxFromLonLat</span><span style="background-color:rgb(255, 255, 255);font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre">(</span><span class="ecxwebkit-javascript-ident" style="font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre;box-sizing:border-box">src</span><span style="background-color:rgb(255, 255, 255);font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre">.</span><span class="ecxwebkit-javascript-ident" style="font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre;box-sizing:border-box">lonlat</span><span style="background-color:rgb(255, 255, 255);font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre">);</span></b></div><div class="ecxwebkit-line-content" style="box-sizing:border-box;padding-left:2px;font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre;background-color:rgb(255, 255, 255)"><span class="ecxwebkit-javascript-keyword" style="box-sizing:border-box;color:rgb(170, 13, 145)">var</span> <span class="ecxwebkit-javascript-ident" style="box-sizing:border-box">x</span> = <span class="ecxwebkit-javascript-ident" style="box-sizing:border-box">pos</span>.<span class="ecxwebkit-javascript-ident" style="box-sizing:border-box">x</span> - <span class="ecxwebkit-javascript-ident" style="box-sizing:border-box">rad</span> + <span class="ecxwebkit-javascript-ident" style="box-sizing:border-box">offsetX</span>;</div><div class="ecxwebkit-line-content" style="box-sizing:border-box;padding-left:2px;font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre;background-color:rgb(255, 255, 255)"><span class="ecxwebkit-javascript-keyword" style="box-sizing:border-box;color:rgb(170, 13, 145)">var</span> <span class="ecxwebkit-javascript-ident" style="box-sizing:border-box">y</span> = <span class="ecxwebkit-javascript-ident" style="box-sizing:border-box">pos</span>.<span class="ecxwebkit-javascript-ident" style="box-sizing:border-box">y</span> - <span class="ecxwebkit-javascript-ident" style="box-sizing:border-box">rad</span> + <span class="ecxwebkit-javascript-ident" style="box-sizing:border-box">offsetY</span>;</div><div class="ecxwebkit-line-content" style="box-sizing:border-box;padding-left:2px;font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:14px;white-space:pre;background-color:rgb(255, 255, 255)"><br></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif"><br></font></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif">Any idea of what is causing this problem?</font></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif"><br></font></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif">Thanks in advance,</font></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif"><br></font></div><div><font face="Verdana, Geneva, Helvetica, Arial, sans-serif">Julia<br></font><div><span style="font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;background-color:rgb(255, 255, 255)"><br></span></div></div> </div> </div></body>
</html>