<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Hi,<br><br>I am very new to Openlayers and I am trying out TMS layer for tiled images generated using gdal2tiles. Basic things like panning/zooming works fine and now I am trying to add editingToolbar and draw some polygons on the map. As soon as I draw the polygon or place the point on the map, the polygon/point disappears. Am I missing anything? How do I debug this?<br><br>Here is my code (I am trying it on the html generated by gdal2tiles).<br><br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br> <html xmlns="http://www.w3.org/1999/xhtml>"<br> <head><br> <title>sjc14-2.JPG</title><br>
<meta http-equiv='imagetoolbar' content='no'/><br> <style type="text/css"> v\:* {behavior:url(#default#VML);}<br> html, body { overflow: hidden; padding: 0; height: 100%; width: 100%; font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; }<br> body { margin: 10px; background: #fff; }<br> h1 { margin: 0; padding: 6px; border:0; font-size: 20pt; }<br> #header { height: 43px; padding: 0; background-color: #eee; border: 1px solid #888; }<br> #subheader { height: 12px;
text-align: right; font-size: 10px; color: #555;}<br> #map { height: 95%; border: 1px solid #888; }<br> </style><br> <script src="http://www.openlayers.org/api/2.7/OpenLayers.js" type="text/javascript"></script><br><script type="text/javascript"><br> var map;<br> var mapBounds = new OpenLayers.Bounds( 0.0, -612.0, 857.0, 0.0);<br> var mapMinZoom = 0;<br> var mapMaxZoom = 2;<br><br>
// avoid pink tiles<br> OpenLayers.IMAGE_RELOAD_ATTEMPTS = 3;<br> OpenLayers.Util.onImageLoadErrorColor = "transparent";<br><br> function init(){<br> var options = {<br> controls: [],<br> maxExtent: new OpenLayers.Bounds( 0.0, -612.0, 857.0, 0.0 ),<br> maxResolution:
4.000000,<br> numZoomLevels: 3<br> };<br> map = new OpenLayers.Map('map', options);<br> <br> var layer = new OpenLayers.Layer.TMS( "TMS Layer","",<br> { url: '', serviceVersion: '.', layername: '.', alpha: true,<br> type: 'png', getURL: overlay_getTileURL <br>
});<br> map.addLayer(layer);<br> map.zoomToExtent( mapBounds ); <br> <br> map.addControl(new OpenLayers.Control.PanZoomBar());<br> map.addControl(new OpenLayers.Control.MousePosition());<br> map.addControl(new OpenLayers.Control.MouseDefaults());<br> map.addControl(new OpenLayers.Control.KeyboardDefaults());<br><br> var vlayer = new
OpenLayers.Layer.Vector( "Editable" );<br><br> map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));<br><br> }<br> <br> function overlay_getTileURL(bounds) {<br> var res = this.map.getResolution();<br> var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));<br> var y = Math.round((bounds.bottom - this.maxExtent.bottom) / (res * this.tileSize.h));<br> var
z = this.map.getZoom();<br> if (x >= 0 && y >= 0) {<br> return this.url + z + "/" + x + "/" + y + "." + this.type; <br> } else {<br> return "http://www.maptiler.org/img/none.png";<br> }<br> }<br> <br> function getWindowHeight() {<br>
if (self.innerHeight) return self.innerHeight;<br> if (document.documentElement && document.documentElement.clientHeight)<br> return document.documentElement.clientHeight;<br> if (document.body) return document.body.clientHeight;<br> return 0;<br> }<br><br> function getWindowWidth() {<br> if (self.innerWidth) return self.innerWidth;<br>
if (document.documentElement && document.documentElement.clientWidth)<br> return document.documentElement.clientWidth;<br> if (document.body) return document.body.clientWidth;<br> return 0;<br> }<br><br> function resize() { <br> var map = document.getElementById("map"); <br> var header = document.getElementById("header"); <br>
var subheader = document.getElementById("subheader"); <br> map.style.height = (getWindowHeight()-80) + "px";<br> map.style.width = (getWindowWidth()-20) + "px";<br> header.style.width = (getWindowWidth()-20) + "px";<br> subheader.style.width = (getWindowWidth()-20) + "px";<br> if (map.updateSize) { map.updateSize(); };<br> } <br><br> onresize=function(){ resize(); };<br><br>
</script><br> </head><br> <body onload="init()"><br> <div id="header"><h1>sjc14-2.JPG</h1></div><br> <div id="subheader">Generated by <a href="http://www.maptiler.org/">MapTiler</a>/<a href="http://www.klokan.cz/projects/gdal2tiles/">GDAL2Tiles</a>, Copyright &copy; 2008 <a href="http://www.klokan.cz/">Klokan Petr Pridal</a>, <a href="http://www.gdal.org/">GDAL</a> &amp; <a href="http://www.osgeo.org/">OSGeo</a> <a href="http://code.google.com/soc/">GSoC</a><br> <!-- PLEASE, LET THIS NOTE ABOUT AUTHOR AND PROJECT SOMEWHERE ON YOUR WEBSITE, OR AT
LEAST IN THE COMMENT IN HTML. THANK YOU --><br> </div><br> <div id="map"></div><br> <script type="text/javascript" >resize()</script><br> </body><br><br><br><br></td></tr></table>