<div dir="ltr">hello every body ; recently i try to display a map with openlayers in mapserver<div>l created a html file in witch i put a openlayer javascript this is the code below:</div><div><div style="color:rgb(212,212,212);background-color:rgb(30,30,30);font-family:Consolas,"Courier New",monospace;font-size:14px;line-height:19px;white-space:pre"><div><span style="color:rgb(128,128,128)"><!</span><span style="color:rgb(86,156,214)">DOCTYPE</span> <span style="color:rgb(156,220,254)">html</span><span style="color:rgb(128,128,128)">></span></div><div><span style="color:rgb(128,128,128)"><</span><span style="color:rgb(86,156,214)">html</span><span style="color:rgb(128,128,128)">></span></div><div>    <span style="color:rgb(128,128,128)"><</span><span style="color:rgb(86,156,214)">head</span><span style="color:rgb(128,128,128)">></span></div><div>        <span style="color:rgb(128,128,128)"><</span><span style="color:rgb(86,156,214)">title</span><span style="color:rgb(128,128,128)">></span>Premiere carte<span style="color:rgb(128,128,128)"></</span><span style="color:rgb(86,156,214)">title</span><span style="color:rgb(128,128,128)">></span></div><div>        <span style="color:rgb(128,128,128)"><</span><span style="color:rgb(86,156,214)">link</span> <span style="color:rgb(156,220,254)">rel</span>=<span style="color:rgb(206,145,120)">"stylesheet"</span> <span style="color:rgb(156,220,254)">href</span>=<span style="color:rgb(206,145,120)">"<a href="https://openlayers.org/en/v4.6.4/css/ol.css">https://openlayers.org/en/v4.6.4/css/ol.css</a>"</span> <span style="color:rgb(156,220,254)">type</span>=<span style="color:rgb(206,145,120)">"text/css"</span><span style="color:rgb(128,128,128)">></span></div><div>        <span style="color:rgb(128,128,128)"><</span><span style="color:rgb(86,156,214)">script</span> <span style="color:rgb(156,220,254)">src</span>=<span style="color:rgb(206,145,120)">"<a href="https://openlayers.org/en/v4.6.4/build/ol.js">https://openlayers.org/en/v4.6.4/build/ol.js</a>"</span><span style="color:rgb(128,128,128)">></</span><span style="color:rgb(86,156,214)">script</span><span style="color:rgb(128,128,128)">></span></div><div>    <span style="color:rgb(128,128,128)"></</span><span style="color:rgb(86,156,214)">head</span><span style="color:rgb(128,128,128)">></span></div><div>    <span style="color:rgb(128,128,128)"><</span><span style="color:rgb(86,156,214)">body</span><span style="color:rgb(128,128,128)">></span></div><div>        <span style="color:rgb(128,128,128)"><</span><span style="color:rgb(86,156,214)">div</span> <span style="color:rgb(156,220,254)">id</span>=<span style="color:rgb(206,145,120)">"map"</span> <span style="color:rgb(156,220,254)">class</span>=<span style="color:rgb(206,145,120)">"map"</span><span style="color:rgb(128,128,128)">></</span><span style="color:rgb(86,156,214)">div</span><span style="color:rgb(128,128,128)">></span></div><div>        <span style="color:rgb(128,128,128)"><</span><span style="color:rgb(86,156,214)">script</span> <span style="color:rgb(156,220,254)">type</span>=<span style="color:rgb(206,145,120)">"text/javascript"</span><span style="color:rgb(128,128,128)">></span></div><div>            <span style="color:rgb(86,156,214)">var</span> <span style="color:rgb(156,220,254)">raster</span> = <span style="color:rgb(86,156,214)">new</span> <span style="color:rgb(156,220,254)">ol</span>.<span style="color:rgb(156,220,254)">layer</span>.<span style="color:rgb(220,220,170)">Tile</span>({</div><div>                 <span style="color:rgb(156,220,254)">source:</span> <span style="color:rgb(86,156,214)">new</span> <span style="color:rgb(156,220,254)">ol</span>.<span style="color:rgb(156,220,254)">source</span>.<span style="color:rgb(220,220,170)">OSM</span>()</div><div>             });</div><div>             <span style="color:rgb(86,156,214)">var</span> <span style="color:rgb(156,220,254)">vector</span> = <span style="color:rgb(86,156,214)">new</span> <span style="color:rgb(156,220,254)">ol</span>.<span style="color:rgb(156,220,254)">layer</span>.<span style="color:rgb(220,220,170)">Vector</span>({</div><div>                 <span style="color:rgb(156,220,254)">source:</span> <span style="color:rgb(86,156,214)">new</span> <span style="color:rgb(156,220,254)">ol</span>.<span style="color:rgb(156,220,254)">source</span>.<span style="color:rgb(220,220,170)">Vector</span>({</div><div>                     <span style="color:rgb(156,220,254)">url:</span> <span style="color:rgb(206,145,120)">'<a href="https://openlayers.org/en/v4.6.4/examples/data/geojson/countries.geojson">https://openlayers.org/en/v4.6.4/examples/data/geojson/countries.geojson</a>'</span>,</div><div>                    <span style="color:rgb(156,220,254)">format:</span> <span style="color:rgb(86,156,214)">new</span> <span style="color:rgb(156,220,254)">ol</span>.<span style="color:rgb(156,220,254)">format</span>.<span style="color:rgb(220,220,170)">GeoJSON</span>(),</div><div>                 })</div><div>             });</div><div>             <span style="color:rgb(86,156,214)">var</span> <span style="color:rgb(156,220,254)">map</span>= <span style="color:rgb(86,156,214)">new</span> <span style="color:rgb(156,220,254)">ol</span>.<span style="color:rgb(220,220,170)">Map</span>({</div><div>                 <span style="color:rgb(156,220,254)">layers:</span> [<span style="color:rgb(156,220,254)">raster</span>, <span style="color:rgb(156,220,254)">vector</span>],</div><div>                 <span style="color:rgb(156,220,254)">target:</span> <span style="color:rgb(206,145,120)">'map'</span>,</div><div>                 <span style="color:rgb(156,220,254)">view:</span> <span style="color:rgb(86,156,214)">new</span> <span style="color:rgb(156,220,254)">ol</span>.<span style="color:rgb(220,220,170)">View</span>({</div><div>                     <span style="color:rgb(156,220,254)">center:</span> [<span style="color:rgb(181,206,168)">0</span>, <span style="color:rgb(181,206,168)">0</span>],</div><div>                     <span style="color:rgb(156,220,254)">zoom:</span> <span style="color:rgb(181,206,168)">2</span></div><div>                 })</div><div>             });</div><div>        <span style="color:rgb(128,128,128)"></</span><span style="color:rgb(86,156,214)">script</span><span style="color:rgb(128,128,128)">></span></div><div>       </div><div>    <span style="color:rgb(128,128,128)"></</span><span style="color:rgb(86,156,214)">body</span><span style="color:rgb(128,128,128)">></span></div><div><span style="color:rgb(128,128,128)"></</span><span style="color:rgb(86,156,214)">html</span><span style="color:rgb(128,128,128)">></span></div><div><span style="color:rgb(128,128,128)">I put this file in the htdocs folder in apache and i try  to execute this file in my browser but the browser send a blank page.</span></div><div><span style="color:rgb(128,128,128)">now l want to know why the script not work and how l can fix it</span></div><div><span style="color:rgb(128,128,128)">thank </span></div></div></div><div><br></div></div>