<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" 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 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-priority:99;
mso-style-link:"Testo fumetto Carattere";
margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}
span.StileMessaggioDiPostaElettronica17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.TestofumettoCarattere
{mso-style-name:"Testo fumetto Carattere";
mso-style-priority:99;
mso-style-link:"Testo fumetto";
font-family:"Tahoma","sans-serif";}
span.apple-converted-space
{mso-style-name:apple-converted-space;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:70.85pt 2.0cm 2.0cm 2.0cm;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=IT link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><span lang=EN-US style='font-size:10.0pt;font-family:"Arial","sans-serif";
color:#222222;background:white'>Hello, </span><span lang=EN-US
style='font-size:12.0pt;font-family:"Times New Roman","serif"'><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'>I'm new to OpenLayers,
anyway I'm trying to ad an heatmap. <o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'>I tried two different
ways to get the heatmap, the first one<o:p></o:p></span></p>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'><html><body><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> <div
id="demoMap"></div><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> <script
src="<a href="http://www.openlayers.org/api/OpenLayers.js" target="_blank"><span
style='color:#222222;text-decoration:none'>http://www.openlayers.org/api/OpenLayers.js</span></a>"></script><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> <script><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> map = new
OpenLayers.Map("demoMap");<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'>
map.addLayer(new OpenLayers.Layer.OSM());<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'>
map.zoomToMaxExtent();<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> var layer
= new OpenLayers.Layer.OSM();<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> heatmap =
new OpenLayers.Layer.Heatmap("Heatmap Layer", map, layer, null,<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> {visible:
true, radius: 15},<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> {isBaseLayer:
false, opacity: 0.3, projection: new OpenLayers.Projection("EPSG:4326")});<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> var lon,
lat, c;<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> for(var
i=0; i<100; i++) {<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> lon
= i;<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> lat
= i;<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> c =
Math.floor(Math.random()*50);<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> heatmap.addDataPoint(new
OpenLayers.LonLat(lon, lat), c);<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> }<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> <o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'> </script><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'></body></html><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'><o:p> </o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>the second one <o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'><html><body><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'> <div
id="demoMap"></div><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>
<script src="<a href="http://www.openlayers.org/api/OpenLayers.js"
target="_blank"><span style='color:#222222;text-decoration:none'>http://www.openlayers.org/api/OpenLayers.js</span></a>"></script><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>
<script><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'> var
testData={<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>max: 46,<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>data: [{lat:
33.5363, lon:-117.044, count: 1}, {lat: 35.8278, lon:-78.6421, count: 1}]<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>};<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'> layer =
new OpenLayers.Layer.MapServer( "OpenLayers WMS",<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>"<a
href="http://labs.metacarta.com/wms/vmap0" target="_blank"><span
style='color:#222222;text-decoration:none'>http://labs.metacarta.com/wms/vmap0</span></a>",
{layers: 'basic'}<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>);<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'> map =
new OpenLayers.Map("demoMap");<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>
map.addLayer(new OpenLayers.Layer.OSM());<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>
map.zoomToMaxExtent();<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'> heatmap
= new OpenLayers.Layer.Heatmap( "Heatmap Layer", map, layer,<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>{visible:
true, radius:10}, {isBaseLayer: false, opacity: 0.3}<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>);<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>heatmap.setDataSet(testData);<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'>map.addLayer(heatmap);<o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span style='font-size:10.0pt;
font-family:"Arial","sans-serif";color:#222222;background:white'> </span><span
lang=EN-US style='font-size:10.0pt;font-family:"Arial","sans-serif";color:#222222;
background:white'></script><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222;background:white'></body></html><o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'><o:p> </o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'>I can only visualize the
map without the heatmap layer. <o:p></o:p></span></p>
<p class=MsoNormal style='background:white'><span lang=EN-US style='font-size:
10.0pt;font-family:"Arial","sans-serif";color:#222222'>Thank you in advance for
any suggestion. <o:p></o:p></span></p>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span></p>
<div>
<div>
<div>
<p class=MsoNormal style='margin-bottom:12.0pt'><span lang=EN-US><br>
<br>
</span><span lang=EN-US><o:p></o:p></span></p>
</div>
</div>
</div>
<p class=MsoNormal><span lang=EN-US><o:p> </o:p></span></p>
</div>
</body>
</html>