<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; line-break: after-white-space;" class="">
Hi,
<div class=""><br class="">
</div>
<div class="">Was wondering if anyone has seen/built an example of embedding (or overlaying) a web form on top of a map.</div>
<div class=""><br class="">
</div>
<div class="">Basically I want to be able to edit attributes of a feature right in the map.  Click the feature, and a form appears related to the actual feature.  Labels /FORM elements follow a polyline for example.</div>
<div class=""><br class="">
</div>
<div class="">My first aplication will apply some Address range setting form elements to each end of a line for editing.  I’ve already figured out how to display the elements in a raster output through Mapserver, but still pondering the web (edit) form aspects.</div>
<div class=""><br class="">
</div>
<div class="">Some initial thoughts:</div>
<div class="">
<ul class="MailOutline">
<li class="">Could a output template be devised to output a rotated (CSS) web form with the approriate pixel spacing of the elements right from Mapserver. I think so, even so far as rotating individual form elements in the result.  Seems like a bit of an uphill
 battle though . . .</li><li class="">Could a LandScape/Portrait FORM have a rotated background image applied to it, based on the preplanned end point locations on the map.  This actually seems the quickest to implement, but I wonder if it helps at all with other feature types, or
 if it would be specific to this first need.  It would be nice to implement a method for any feature type for example, like being able to edit the edges of a polygon.</li></ul>
<div class=""><br class="">
</div>
<div class="">My first need:</div>
<div class=""><br class="">
</div>
<div class=""><font face="Courier" class="">[***] = FORM elements (attributes for editing)</font></div>
<div class=""><font face="Courier" class=""><br class="">
</font></div>
<div class=""><font face="Courier" class=""><br class="">
</font></div>
<div class=""><font face="Courier" class="">    [min_left_add]              [street_name]            [max_left_add]</font></div>
<div class=""><font face="Courier" class="">O - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - O        <— line representation</font></div>
<div class=""><font face="Courier" class="">    [min_right_add]             [street_type]           [max_right_add]</font></div>
<div class=""><br class="">
</div>
</div>
<div class="">or</div>
<div class="">         </div>
<div class=""><font face="Courier" class="">                   O</font></div>
<div class=""><font face="Courier" class=""> [max_left_add]    |    [max_right_add]</font></div>
<div class=""><font face="Courier" class="">                   |</font></div>
<div class=""><font face="Courier" class="">                   |</font></div>
<div class="">
<div style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);" class=""><font face="Courier" class="">                   |</font></div>
<div style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);" class=""><font face="Courier" class="">                   |</font></div>
</div>
<div class=""><font face="Courier" class="">  [street_name]    |    [street_type]</font></div>
<div class="">
<div class=""><font face="Courier" class="">                   |</font></div>
<div class=""><font face="Courier" class="">                   |</font></div>
<div class="">
<div style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);" class=""><font face="Courier" class="">                   |</font></div>
<div style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);" class=""><font face="Courier" class="">                   |</font></div>
</div>
</div>
<div class=""><font face="Courier" class=""> [min_left_add]    |    [min_right_add]</font></div>
<div class=""><font face="Courier" class="">                   O</font></div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class="">Anyway still pondering  . . . .</div>
<div class=""><br class="">
</div>
<div class="">bobb</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
</body>
</html>