
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>

<META content="text/html; charset=us-ascii" http-equiv=Content-Type>

<META name=GENERATOR content="MSHTML 8.00.6001.19088"></HEAD>

<BODY>

<DIV dir=ltr align=left><FONT color=#0000ff size=2 face=Arial><SPAN 

class=174055317-07072011>Hi,</SPAN></FONT></DIV>

<DIV dir=ltr align=left><FONT color=#0000ff size=2 face=Arial><SPAN 

class=174055317-07072011></SPAN></FONT>&nbsp;</DIV>

<DIV dir=ltr align=left><FONT color=#0000ff size=2 face=Arial><SPAN 

class=174055317-07072011>register "loadend" for your layer:</SPAN></FONT></DIV>

<DIV dir=ltr align=left><FONT color=#0000ff size=2 face=Arial><SPAN 

class=174055317-07072011></SPAN></FONT>&nbsp;</DIV>

<DIV dir=ltr align=left><FONT color=#0000ff size=2 face=Arial>MyKML 

.events.register("loadend", MyKML , function (e) {<BR>&nbsp;&nbsp;&nbsp; 

map.zoomToExtent(MyKML .getDataExtent());<BR>});<BR></FONT></DIV>

<DIV><SPAN class=174055317-07072011></SPAN><FONT color=#0000ff size=2 

face=Arial><SPAN class=174055317-07072011>by the way, does your styleMap work 

for the kml layer, if you set extractStyles to true?</SPAN></FONT></DIV>

<DIV><FONT color=#0000ff size=2 face=Arial><SPAN 

class=174055317-07072011></SPAN></FONT>&nbsp;</DIV>

<DIV><FONT face=Arial><FONT color=#0000ff><FONT 

size=2>Arnd</FONT></FONT></FONT></DIV>

<DIV><FONT face=Arial><FONT color=#0000ff><FONT size=2><SPAN 

class=174055317-07072011></SPAN></FONT></FONT></FONT><BR>&nbsp;</DIV>

<DIV dir=ltr lang=de class=OutlookMessageHeader align=left>

<HR tabIndex=-1>

<FONT size=2 face=Tahoma><B>Von:</B> openlayers-users-bounces@lists.osgeo.org 

[mailto:openlayers-users-bounces@lists.osgeo.org] <B>Im Auftrag von </B>Andres 

Deparis<BR><B>Gesendet:</B> Donnerstag, 7. Juli 2011 08:31<BR><B>An:</B> 

openlayers-users@lists.osgeo.org<BR><B>Betreff:</B> [OpenLayers-Users] Zooming 

to center of a KML layer after loadingit - request for 

assistance<BR></FONT><BR></DIV>

<DIV></DIV>Hello everyone,<BR><BR>I am trying to be able to zoom or Pan (zooming 

first) to the center of the data from my kml file that I load periodically. But, 

in my case, I can load the data (which consist of one point at this moment) and 

then of course to be able to center to that point. I have searched and found out 

that perhaps my method does not work because I am zooming into the data but not 

waiting for the data to be fully loaded.<BR><BR>Below is my piece of code. Thank 

you in advance for the advice.<BR><BR>Andres D.P<BR><BR>var map;<BR><BR>function 

init() {<BR>&nbsp;&nbsp;&nbsp; <BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map 

= new OpenLayers.Map({<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; div: 

"map",<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //projection: new 

OpenLayers.Projection("EPSG:900913"),<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

units: "m",<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; maxResolution: 

156543.0339,<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; maxExtent: new 

OpenLayers.Bounds(<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

119.715815, -0.771406, 97.637881&nbsp; 

,7.640186<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; )<BR>,panDuration: 

250&nbsp;&nbsp;&nbsp; });<BR><BR>&nbsp;styleMap = new 

OpenLayers.StyleMap({'default':{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

//label : "${th}",<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; label : 

"MYdog",<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

fontColor: 

"${fontColor}",<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

fontSize: 

"16px",<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

labelAlign: 

"${labelAlign}",<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

pointRadius: 

2,<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

labelXOffset : 

0,<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

labelYOffset : 

20<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

}});<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var osm = new 

OpenLayers.Layer.OSM();<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //var 

vlayer = new OpenLayers.Layer.Vector( "Editable" );<BR>&nbsp;&nbsp;&nbsp; 

&nbsp;&nbsp;&nbsp; var MyKML = new OpenLayers.Layer.GML("KML", "dog.kml", 

<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

projection: new 

OpenLayers.Projection("EPSG:4326"),<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

//displayProjection: new OpenLayers.Projection("EPSG:900913"), 

<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

format: OpenLayers.Format.KML, 

<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

formatOptions: 

{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

extractStyles: true, 

<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

extractAttributes: 

true,<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

maxDepth: 

1<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

},<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 

&nbsp;&nbsp;&nbsp; styleMap: 

styleMap<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

});<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; 

<BR>&nbsp;&nbsp; map.addLayers([osm, MyKML]);<BR>&nbsp;&nbsp; map.addControl(new 

OpenLayers.Control.PanZoomBar());<BR>&nbsp;&nbsp; map.addControl(new 

OpenLayers.Control.Navigation({dragPanOptions: {enableKinetic: 

true}}));<BR>&nbsp;&nbsp; map.addControl(new 

OpenLayers.Control.LayerSwitcher());&nbsp;&nbsp; <BR>&nbsp;&nbsp; 

<BR>//&nbsp;&nbsp;&nbsp; map.addControl(new 

OpenLayers.Control.MouseToolbar());<BR>//&nbsp;&nbsp;&nbsp; map.addControl(new 

OpenLayers.Control.Navigation());<BR>//&nbsp;&nbsp;&nbsp; map.addControl(new 

OpenLayers.Control.LayerSwitcher());<BR>//&nbsp;&nbsp;&nbsp; map.addControl(new 

OpenLayers.Control.PanZoom());<BR>//&nbsp;&nbsp;&nbsp; map.addControl(new 

OpenLayers.Control.EditingToolbar();<BR>//&nbsp;&nbsp;&nbsp; 

map.addControl(OpenLayers.Control.EditingToolbar(vlayer));<BR>&nbsp;&nbsp;&nbsp;&nbsp; 

<BR><BR>&nbsp;&nbsp;&nbsp; map.setCenter(new 

OpenLayers.LonLat(101.587411,&nbsp;&nbsp; 3.021547).transform(new 

OpenLayers.Projection ("EPSG:4326"),<BR>map.getProjectionObject()<BR>), <BR>15); 

<BR><BR>&nbsp;<BR>//map.zoomToExtent( MyKML.GetExtent() 

);<BR><BR>window.setInterval(raingaugeRefreshData, 10000, 

MyKML);<BR><BR><BR>}<BR><BR>function 

raingaugeRefreshData(layer)<BR>{<BR>//setting loaded to false unloads the 

layer//<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

layer.loaded = 

false;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

//setting visibility to true forces a reload of the 

layer//<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

layer.setVisibility(true);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

//the refresh will force it to get the new KML 

data//<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

layer.setUrl('MyDOG.kml?_salt='+Math.random());<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

//- &lt;3 from Thqr -//<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 

map.zoomToExtent( MyKML.maxExtent );<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 

<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 

&nbsp;<BR>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 

&nbsp;&nbsp;&nbsp; 

<BR>}<BR><BR>&nbsp;<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></BODY></HTML>