<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body text="#000000" bgcolor="#ffffff">
Hi,<br>
<br>
According to your screenshot, you already have the description (but not
the title). BTW, are you sure you want to use GeoExt when the only
GeoExt feature you use is the MapPanel? Or are you asking about how to
use GeoExt.Popup?<br>
<br>
Please narrow your question.<br>
<br>
Regards,<br>
Andreas.<br>
<br>
On 2009-12-09 12:07, Minika Bjørge wrote:
<blockquote
cite="mid:BF995B0DF5FF154F93367F9D132C88FC7C3B08@skrisrv06.statkart.no"
type="cite">
<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]-->
<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">
<a class="moz-txt-link-rfc2396E"
href="http://labs.metacarta.com/wms/vmap0">"http://labs.metacarta.com/wms/vmap0"</a>,
{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">
<a class="moz-txt-link-rfc2396E"
href="http://maps.opengeo.org/geowebcache/service/wms">"http://maps.opengeo.org/geowebcache/service/wms"</a>,<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">
<a class="moz-txt-link-rfc2396E"
href="http://gatekeeper1.geonorge.no/BaatGatekeeper/gk/gk.cache?gkt=myToken">"http://gatekeeper1.geonorge.no/BaatGatekeeper/gk/gk.cache?gkt=myToken"</a>,<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">
<a class="moz-txt-link-rfc2396E"
href="http://www.ngu.no:80/wmsconnector/com.esri.wms.Esrimap/SkredSnoWMS?">"http://www.ngu.no:80/wmsconnector/com.esri.wms.Esrimap/SkredSnoWMS?"</a>,<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>
<br>
</div>
</blockquote>
<br>
<pre class="moz-signature" cols="72">--
Andreas Hocevar
OpenGeo - <a class="moz-txt-link-freetext" href="http://opengeo.org/">http://opengeo.org/</a>
Expert service straight from the developers.
</pre>
</body>
</html>