title: Google Map set location?
body: <p>I have this code that shows the current location as being specified in the "LatLng" coordinates.  But what I want is have have an input boxes, lets say 2 input boxes "location from" and "location to."  I wish to show the current location of the given input values from the 2 boxes as being indicated. </p>
  
  <p>Is that possible in Google Map V3?</p>
  
  <p>I want to have the mapOptions values will be the values inputs in the boxes.
  How to do that?</p>
  
  <p>Here is my code.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt;
      &lt;style type="text/css"&gt;
        html { height: 100% }
        body { height: 100%; margin: 0; padding: 0 }
        #map_canvas { height: 100% }
      &lt;/style&gt;
      &lt;script type="text/javascript"
        src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBQ8OCC8En5vNHod25Ov3Qs5E1v7NPRSsg&amp;sensor=true"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        function initialize() {
                      // add mapOptions here to the values in the input boxes.
          var mapOptions = {
            center: new google.maps.LatLng(-34.397, 100.644),
            zoom: 2,
            mapTypeId: google.maps.MapTypeId.ROADMAP  
          };
          var map = new google.maps.Map(document.getElementById("map_canvas"),
              mapOptions);
        }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      From: &lt;input type="text" name="From"&gt;&lt;br&gt;
      To: &lt;input type="text" name="To"&gt;&lt;br&gt;
  
      &lt;button type="button" onclick="initialize()"&gt;View example (map-simple.html)&lt;/button&gt;
  
      &lt;div id="map_canvas" style="width:100%; height:100%"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks</p>
  
  <p>Jason</p>