Using 4.11, KMLLayer, Popup widget
When viewing feature attribute, I'm getting a large amount blank lines at top and bottom of the content box.
So far, I duplicable on placemark who description cdata is just a table.
Not sure what causing the blank lines.
I attached a sample kml file.
<SPAN class="keyword token">const</SPAN> content <SPAN class="operator token">=</SPAN> <SPAN class="token function">createContent</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN>
<SPAN class="keyword token">const</SPAN> popup <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Popup</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
title<SPAN class="punctuation token">:</SPAN> title<SPAN class="punctuation token">,</SPAN>
content<SPAN class="punctuation token">:</SPAN> content<SPAN class="punctuation token">,</SPAN>
location<SPAN class="punctuation token">:</SPAN> point
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN><SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>description</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="token cdata"><![CDATA[<table border="0" cellspacing="3" width="320" align="center">
<tr align="left"><td colspan="2"><a href="http://www.volcano.si.edu/"><img src="http://www.volcano.si.edu/ge/gvplogo.png" width="172" height="32" /></a></td></tr>
<tr align="center"><td colspan="2"><hr /><font size="6"><b>Ararat</b></font><br /><font size="5"><b>Eastern Turkey</b></font></td></tr>
<tr align="center"><td colspan="2"><img src = "http://www.volcano.si.edu/Photos/small/111001.jpg"></td></tr>
<tr align="justify">
<td width="50%" align="left"><b>Volcano types:</b><br />
Stratovolcano<br /> Pyroclastic cones
</td>
<td width="50%" align="left">
<b>Summit Elev:</b> 5165 m<br />
<b>Latitude:</b> 39.70°N<br />
<b>Longitude:</b> 44.30°E
</td>
</tr>
<tr><td colspan="2"><p align="justify">The 5165-m-high, double-peaked stratovolcano Mount Ararat, also known as Agri Dagi, is Turkey's highest, largest volume, and easternmost volcano. Glacier-clad Ararat, along with its twin volcano, 3925-m-high Kucuk Ararat (or Lesser Ararat), covers an area of 1000 sq km at the eastern end of a SSW-ESE line of volcanoes extending from Nemrut Dagi. Construction of the Greater and Lesser Ararat volcanoes was followed by a period of extensive flank eruptions, many erupted along N-S-trending fissures. The initial stage of flank eruptions produced a cluster of cinder cones and dacitic-rhyolitic lava domes surrounding Greater Ararat and a series of pyroclastic cones and domes on the western flank of Lesser Ararat. Late-stage activity formed large pyroclastic cones lower on the flanks of the two volcanoes. Ararat appears to have been active during the 3rd millennium BC; pyroclastic-flow deposits overlie early Bronze Age artifacts and human remains. Karakhanian et al. (2002) reported historical evidence for a phreatic eruption and pyroclastic flow at the time of a July 1840 earthquake and landslide.</p></td></tr>
<tr><td colspan="2"><p align="right"><i><a href="http://www.volcano.si.edu/world/volcano.cfm?vnum=0103-04-&volpage=photos&photo=111001">Larger photo with caption and credit.</a></i></p></td></tr>
<tr height="6"><td colspan="2"><hr /></td></tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="320" align="center">
<tr align="center">
<td width="33%"><a href="http://www.volcano.si.edu/world/volcano.cfm?vnum=0103-04-">Smithsonian Volcano Information</a></td>
</tr>
</table>]]></SPAN><SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>description</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
content value
<SPAN class="string token">"<table border="</SPAN><SPAN class="number token">0</SPAN><SPAN class="string token">" cellspacing="</SPAN><SPAN class="number token">3</SPAN><SPAN class="string token">" width="</SPAN><SPAN class="number token">320</SPAN><SPAN class="string token">" align="</SPAN>center"<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>tr align<SPAN class="operator token">=</SPAN><SPAN class="string token">"left"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>td colspan<SPAN class="operator token">=</SPAN><SPAN class="string token">"2"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>a href<SPAN class="operator token">=</SPAN><SPAN class="string token">"http://www.volcano.si.edu/"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>img src<SPAN class="operator token">=</SPAN><SPAN class="string token">"http://www.volcano.si.edu/ge/gvplogo.png"</SPAN> width<SPAN class="operator token">=</SPAN><SPAN class="string token">"172"</SPAN> height<SPAN class="operator token">=</SPAN><SPAN class="string token">"32"</SPAN> <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>a<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>tr<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>tr align<SPAN class="operator token">=</SPAN><SPAN class="string token">"center"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>td colspan<SPAN class="operator token">=</SPAN><SPAN class="string token">"2"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>hr <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>font size<SPAN class="operator token">=</SPAN><SPAN class="string token">"6"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>b<SPAN class="operator token">></SPAN>Ararat<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>b<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>font<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>br <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>font size<SPAN class="operator token">=</SPAN><SPAN class="string token">"5"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>b<SPAN class="operator token">></SPAN>Eastern Turkey<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>b<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>font<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>tr<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>tr align<SPAN class="operator token">=</SPAN><SPAN class="string token">"center"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>td colspan<SPAN class="operator token">=</SPAN><SPAN class="string token">"2"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>img src <SPAN class="operator token">=</SPAN> <SPAN class="string token">"http://www.volcano.si.edu/Photos/small/111001.jpg"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>tr<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>tr align<SPAN class="operator token">=</SPAN><SPAN class="string token">"justify"</SPAN><SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>td width<SPAN class="operator token">=</SPAN><SPAN class="string token">"50%"</SPAN> align<SPAN class="operator token">=</SPAN><SPAN class="string token">"left"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>b<SPAN class="operator token">></SPAN>Volcano types<SPAN class="punctuation token">:</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>b<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>br <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN>
<SPAN class="operator token">&</SPAN>nbsp<SPAN class="punctuation token">;</SPAN><SPAN class="operator token">&</SPAN>nbsp<SPAN class="punctuation token">;</SPAN><SPAN class="operator token">&</SPAN>nbsp<SPAN class="punctuation token">;</SPAN> Stratovolcano<SPAN class="operator token"><</SPAN>br <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token">&</SPAN>nbsp<SPAN class="punctuation token">;</SPAN><SPAN class="operator token">&</SPAN>nbsp<SPAN class="punctuation token">;</SPAN><SPAN class="operator token">&</SPAN>nbsp<SPAN class="punctuation token">;</SPAN> Pyroclastic cones
<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>td width<SPAN class="operator token">=</SPAN><SPAN class="string token">"50%"</SPAN> align<SPAN class="operator token">=</SPAN><SPAN class="string token">"left"</SPAN><SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>b<SPAN class="operator token">></SPAN>Summit Elev<SPAN class="punctuation token">:</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>b<SPAN class="operator token">></SPAN> <SPAN class="number token">5165</SPAN> m<SPAN class="operator token"><</SPAN>br <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>b<SPAN class="operator token">></SPAN>Latitude<SPAN class="punctuation token">:</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>b<SPAN class="operator token">></SPAN> <SPAN class="number token">39.70</SPAN><SPAN class="operator token">&</SPAN>deg<SPAN class="punctuation token">;</SPAN>N<SPAN class="operator token"><</SPAN>br <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>b<SPAN class="operator token">></SPAN>Longitude<SPAN class="punctuation token">:</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>b<SPAN class="operator token">></SPAN> <SPAN class="number token">44.30</SPAN><SPAN class="operator token">&</SPAN>deg<SPAN class="punctuation token">;</SPAN>E
<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>tr<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>tr<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>td colspan<SPAN class="operator token">=</SPAN><SPAN class="string token">"2"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>p align<SPAN class="operator token">=</SPAN><SPAN class="string token">"justify"</SPAN><SPAN class="operator token">></SPAN>The <SPAN class="number token">5165</SPAN><SPAN class="operator token">-</SPAN>m<SPAN class="operator token">-</SPAN>high<SPAN class="punctuation token">,</SPAN> double<SPAN class="operator token">-</SPAN>peaked stratovolcano Mount Ararat<SPAN class="punctuation token">,</SPAN> also known <SPAN class="keyword token">as</SPAN> Agri Dagi<SPAN class="punctuation token">,</SPAN> is Turkey's highest<SPAN class="punctuation token">,</SPAN> largest volume<SPAN class="punctuation token">,</SPAN> and easternmost volcano<SPAN class="punctuation token">.</SPAN> Glacier<SPAN class="operator token">-</SPAN>clad Ararat<SPAN class="punctuation token">,</SPAN> along <SPAN class="keyword token">with</SPAN> its twin volcano<SPAN class="punctuation token">,</SPAN> <SPAN class="number token">3925</SPAN><SPAN class="operator token">-</SPAN>m<SPAN class="operator token">-</SPAN>high Kucuk Ararat <SPAN class="punctuation token">(</SPAN>or Lesser Ararat<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> covers an area <SPAN class="keyword token">of</SPAN> <SPAN class="number token">1000</SPAN> sq km at the eastern end <SPAN class="keyword token">of</SPAN> a SSW<SPAN class="operator token">-</SPAN>ESE line <SPAN class="keyword token">of</SPAN> volcanoes extending <SPAN class="keyword token">from</SPAN> Nemrut Dagi<SPAN class="punctuation token">.</SPAN> Construction <SPAN class="keyword token">of</SPAN> the Greater and Lesser Ararat volcanoes was followed by a period <SPAN class="keyword token">of</SPAN> extensive flank eruptions<SPAN class="punctuation token">,</SPAN> many erupted along N<SPAN class="operator token">-</SPAN>S<SPAN class="operator token">-</SPAN>trending fissures<SPAN class="punctuation token">.</SPAN> The initial stage <SPAN class="keyword token">of</SPAN> flank eruptions produced a cluster <SPAN class="keyword token">of</SPAN> cinder cones and dacitic<SPAN class="operator token">-</SPAN>rhyolitic lava domes surrounding Greater Ararat and a series <SPAN class="keyword token">of</SPAN> pyroclastic cones and domes on the western flank <SPAN class="keyword token">of</SPAN> Lesser Ararat<SPAN class="punctuation token">.</SPAN> Late<SPAN class="operator token">-</SPAN>stage activity formed large pyroclastic cones lower on the flanks <SPAN class="keyword token">of</SPAN> the two volcanoes<SPAN class="punctuation token">.</SPAN> Ararat appears to have been active during the 3rd millennium BC<SPAN class="punctuation token">;</SPAN> pyroclastic<SPAN class="operator token">-</SPAN>flow deposits overlie early Bronze Age artifacts and human remains<SPAN class="punctuation token">.</SPAN> Karakhanian et al<SPAN class="punctuation token">.</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="number token">2002</SPAN><SPAN class="punctuation token">)</SPAN> reported historical evidence <SPAN class="keyword token">for</SPAN> a phreatic eruption and pyroclastic flow at the time <SPAN class="keyword token">of</SPAN> a July <SPAN class="number token">1840</SPAN> earthquake and landslide<SPAN class="punctuation token">.</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>p<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>tr<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>tr<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>td colspan<SPAN class="operator token">=</SPAN><SPAN class="string token">"2"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>p align<SPAN class="operator token">=</SPAN><SPAN class="string token">"right"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>i<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>a href<SPAN class="operator token">=</SPAN><SPAN class="string token">"http://www.volcano.si.edu/world/volcano.cfm?vnum=0103-04-&volpage=photos&photo=111001"</SPAN><SPAN class="operator token">></SPAN>Larger photo <SPAN class="keyword token">with</SPAN> caption and credit<SPAN class="punctuation token">.</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>a<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>i<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>p<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>tr<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>tr height<SPAN class="operator token">=</SPAN><SPAN class="string token">"6"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>td colspan<SPAN class="operator token">=</SPAN><SPAN class="string token">"2"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>hr <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>tr<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>table<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>table border<SPAN class="operator token">=</SPAN><SPAN class="string token">"0"</SPAN> cellspacing<SPAN class="operator token">=</SPAN><SPAN class="string token">"0"</SPAN> cellpadding<SPAN class="operator token">=</SPAN><SPAN class="string token">"0"</SPAN> width<SPAN class="operator token">=</SPAN><SPAN class="string token">"320"</SPAN> align<SPAN class="operator token">=</SPAN><SPAN class="string token">"center"</SPAN><SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>tr align<SPAN class="operator token">=</SPAN><SPAN class="string token">"center"</SPAN><SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>td width<SPAN class="operator token">=</SPAN><SPAN class="string token">"33%"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>a href<SPAN class="operator token">=</SPAN><SPAN class="string token">"http://www.volcano.si.edu/world/volcano.cfm?vnum=0103-04-"</SPAN><SPAN class="operator token">></SPAN>Smithsonian Volcano Information<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>a<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>tr<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>table<SPAN class="operator token">></SPAN>"<SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>