title: Anyone know how to put a .net control in a google maps InfoWindow?
body: <p>I was looking at some basic google maps stuff and found the following code on one of google's intro pages.</p>
  
  <p>I used it as my POC and created a .net project from the concept.  I now have markers and infoWindows being populated from the database which is pretty cool.</p>
  
  <p>My problem is I want to add InfoWindows in a slick way (not only to the map, but also save to the db).  Instead of having .net controls outside of the map window I want to be able to add info to the map directly.  If the user clicks in the map I would like to be able to add a marker and InfoWindow with asp controls in the window (textbox and button).  </p>
  
  <p>Anyone know how to do this?</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;
              title here
          &lt;/title&gt;
          &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              function mapParamsInitialize() 
              {
                  var latlng = new google.maps.LatLng(-34.397, 150.644);
                  var myOptions = {
                      zoom: 8,
                      center: latlng,
                      mapTypeId: google.maps.MapTypeId.SATELLITE
                  };
  
                  var map = new google.maps.Map(document.getElementById("map"), myOptions);
                  var contentString = '&lt;div id="content"&gt; Here is some text that will display in an infoWindow, or \'bubble\' &lt;/div&gt;'; 
                  var infowindow = new google.maps.InfoWindow({ content: contentString }); 
                  var marker = new google.maps.Marker({ position: latlng, map: map, title: "Custom Window here" }); 
                  google.maps.event.addListener(marker, 'click', function () { infowindow.open(map, marker); });
              }
          &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body onload="mapParamsInitialize()"&gt;
          &lt;div id="map" style="width:100%; height:100%"&gt;&lt;/div&gt;
      &lt;/body&gt;
  </code></pre>
  
  <p></p>