<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=iso-8859-1">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<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:"Balloon Text Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.BalloonTextChar
{mso-style-name:"Balloon Text Char";
mso-style-priority:99;
mso-style-link:"Balloon Text";
font-family:"Tahoma","sans-serif";}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="2050" />
</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=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>Hello,<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>I am quite new to GeoExt (5 days old) and I have gone
through the tutorials. I have created a kML layer but I am a bit confused
about how to show the “description” in the KML file in the popup.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>Can anyone help me please. I am really getting frustrated.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>Many thanks,<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><b>This is my code:<o:p></o:p></b></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><span lang=NO-BOK>var lon = 11.8;<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK> var lat = 64.5;<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK> var zoom = 3;<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK> </span>var map, layer, layer2, layer3,
gmap, kmlLayer, selectControl;<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> Ext.onReady(function() {<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> map = new OpenLayers.Map('map');<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> //Base Layers<o:p></o:p></p>
<p class=MsoNormal> layer = new OpenLayers.Layer.WMS( "OpenLayers
WMS",<o:p></o:p></p>
<p class=MsoNormal> "http://labs.metacarta.com/wms/vmap0",
{layers: 'basic'}, {isBaseLayer: true} ); <o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> layer2 = new
OpenLayers.Layer.WMS("Global Imagery",<o:p></o:p></p>
<p class=MsoNormal>
"http://maps.opengeo.org/geowebcache/service/wms",<o:p></o:p></p>
<p class=MsoNormal> {layers:
"bluemarble"}, {isBaseLayer: true});<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> var europa = new
OpenLayers.Layer.WMS("Europa kart",<o:p></o:p></p>
<p class=MsoNormal> "http://gatekeeper1.geonorge.no/BaatGatekeeper/gk/gk.cache?gkt=myToken",<o:p></o:p></p>
<p class=MsoNormal> {layers: 'europa', format:'image/jpeg'},
{isBaseLayer: true});<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> //Overlayers<o:p></o:p></p>
<p class=MsoNormal> layer3 = new
OpenLayers.Layer.WMS("Snøskredfare",<o:p></o:p></p>
<p class=MsoNormal>
"http://www.ngu.no:80/wmsconnector/com.esri.wms.Esrimap/SkredSnoWMS?",<o:p></o:p></p>
<p class=MsoNormal> <span
lang=NO-BOK>{layers: 'Kartblad,Utlopsomrade,Utlosningsomrade', format:
'image/png', transparent: 'true'},<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK> </span>{singleTile:
'True'});<o:p></o:p></p>
<p class=MsoNormal> layer3.setIsBaseLayer(false);<o:p></o:p></p>
<p class=MsoNormal> layer3.setVisibility(false);<o:p></o:p></p>
<p class=MsoNormal> layer3.setOpacity(0.5); <o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> kmlLayer = new
OpenLayers.Layer.Vector("KML test"); <o:p></o:p></p>
<p class=MsoNormal> var store = new
GeoExt.data.FeatureStore({<o:p></o:p></p>
<p class=MsoNormal> layer: kmlLayer,<o:p></o:p></p>
<p class=MsoNormal> proxy: new GeoExt.data.ProtocolProxy({<o:p></o:p></p>
<p class=MsoNormal> protocol: new OpenLayers.Protocol.HTTP({<o:p></o:p></p>
<p class=MsoNormal> <span lang=NO-BOK>url:
"vannstandstasjoner2.kml",<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK> format: new
OpenLayers.Format.KML()<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK> </span>})<o:p></o:p></p>
<p class=MsoNormal> }), <o:p></o:p></p>
<p class=MsoNormal> fields: [<o:p></o:p></p>
<p class=MsoNormal> {name: 'name', type: 'string'},<o:p></o:p></p>
<p class=MsoNormal> {name: 'description', type: 'string'}<o:p></o:p></p>
<p class=MsoNormal> ],<o:p></o:p></p>
<p class=MsoNormal> autoLoad: true<o:p></o:p></p>
<p class=MsoNormal> });<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> // create select feature
control<o:p></o:p></p>
<p class=MsoNormal> selectControl = new
OpenLayers.Control.SelectFeature(kmlLayer);<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> kmlLayer.events.on({<o:p></o:p></p>
<p class=MsoNormal> "featureselected":
onFeatureSelect,<o:p></o:p></p>
<p class=MsoNormal> "featureunselected":
onFeatureUnselect<o:p></o:p></p>
<p class=MsoNormal> });<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal> map.addControl(selectControl);<o:p></o:p></p>
<p class=MsoNormal> selectControl.activate(); <o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> function onPopupClose(evt)
{<o:p></o:p></p>
<p class=MsoNormal> selectControl.unselectAll();<o:p></o:p></p>
<p class=MsoNormal> }<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> function
onFeatureSelect(event) {<o:p></o:p></p>
<p class=MsoNormal> var feature
= event.feature;<o:p></o:p></p>
<p class=MsoNormal> var detail =
feature.attributes['description']; <o:p></o:p></p>
<p class=MsoNormal> var content
= "<div style='font-size:.8em; width:120px;'><strong>"+
feature.attributes.title + "</strong><hr />" + detail +
"</div>";<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> popup = new
OpenLayers.Popup.FramedCloud("chicken", <o:p></o:p></p>
<p class=MsoNormal>
feature.geometry.getBounds().getCenterLonLat(),<o:p></o:p></p>
<p class=MsoNormal> new OpenLayers.Size(100,100),<o:p></o:p></p>
<p class=MsoNormal> content,<o:p></o:p></p>
<p class=MsoNormal> null, true, onPopupClose);<o:p></o:p></p>
<p class=MsoNormal> popup.border
= '1px solid black';<o:p></o:p></p>
<p class=MsoNormal> popup.opacity = .7; <o:p></o:p></p>
<p class=MsoNormal> popup.panMapIfOutOfView = true; <o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> feature.popup = popup; <o:p></o:p></p>
<p class=MsoNormal> map.addPopup(popup);<o:p></o:p></p>
<p class=MsoNormal> }<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> function
onFeatureUnselect(event) {<o:p></o:p></p>
<p class=MsoNormal> var feature = event.feature;<o:p></o:p></p>
<p class=MsoNormal> if(feature.popup) {<o:p></o:p></p>
<p class=MsoNormal> map.removePopup(feature.popup);<o:p></o:p></p>
<p class=MsoNormal> feature.popup.destroy();<o:p></o:p></p>
<p class=MsoNormal> delete feature.popup;<o:p></o:p></p>
<p class=MsoNormal> }<o:p></o:p></p>
<p class=MsoNormal> } <o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> map.addLayer(layer);<o:p></o:p></p>
<p class=MsoNormal> map.addLayer(layer2);<o:p></o:p></p>
<p class=MsoNormal> map.addLayer(europa); <o:p></o:p></p>
<p class=MsoNormal> map.addLayer(layer3); <o:p></o:p></p>
<p class=MsoNormal> map.addLayer(kmlLayer)<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> map.addControl(new
OpenLayers.Control.LayerSwitcher()); <o:p></o:p></p>
<p class=MsoNormal> map.addControl(new OpenLayers.Control.PanZoomBar());<o:p></o:p></p>
<p class=MsoNormal> map.addControl(new
OpenLayers.Control.MousePosition()); <o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> var mapPanel = new GeoExt.MapPanel({<o:p></o:p></p>
<p class=MsoNormal> <span lang=NO-BOK>title:
"Vannstandsmålere",<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK> map: map,<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK> renderTo: 'mapPanel',<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK> </span>height: 600,<o:p></o:p></p>
<p class=MsoNormal> width: 600,<o:p></o:p></p>
<p class=MsoNormal> zoom:5,<o:p></o:p></p>
<p class=MsoNormal> center: [11.8,64.5]<o:p></o:p></p>
<p class=MsoNormal> });<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>});<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><b>Screenshot:<o:p></o:p></b></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><img width=1257 height=701 id="_x0000_i1026"
src="cid:image002.png@01CA78C8.3B781C00"><o:p></o:p></p>
<p class=MsoNormal><span lang=NO-BOK style='font-size:10.0pt'>Minika Bjørge<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK style='font-size:10.0pt'>Statens Kartverk
Sjø<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK style='font-size:10.0pt'>minika.bjorge@statkart.no<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK style='font-size:10.0pt'>Tel: +47 51 85 87
26<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK style='font-size:10.0pt'>Mob: +47 90 03 40
63<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK style='font-size:10.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><a href="http://www.statkart.no/"><span style='color:blue;
text-decoration:none'><img border=0 width=112 height=109 id="Picture_x0020_1"
src="cid:image001.jpg@01CA78C7.2FB55B40"
alt="cid:image001.jpg@01CA352F.AF8DEED0"></span></a><span lang=NO-BOK
style='font-size:10.0pt'><o:p></o:p></span></p>
<p class=MsoNormal><o:p> </o:p></p>
</div>
</body>
</html>