title: Dropping marker with google maps api and javascript
body: <p>Hi so I'm working a google maps element into an app I'm writing and am having trouble dropping a pin on the user's current location. </p>
  
  <p>I can get the map to load a fusion table layer of pins, and center on the user's current location, but I'd like to be able to then drop a marker at the user's current location, and resize the map to fit all the markers. Is this possible? If not I can just set the zoom to an appropriate level. </p>
  
  <p>This is the code I'm working with:</p>
  
  <pre><code>var geocoder = new google.maps.Geocoder();
  function initialize() {
      map = new google.maps.Map(document.getElementById('googft-mapCanvas'), {
         center: new google.maps.LatLng([app:user-lat], [app:user-lon]),
         zoom: 12,
         mapTypeId: google.maps.MapTypeId.ROADMAP
      });
  
      layer = new google.maps.FusionTablesLayer({
         map: map,
         heatmap: { enabled: false },
         query: {
            select: "col2, col0",
            from: "1pbba_dFcpWQKQDXQUt9RNXp16GqX5Jz-NraafEI",
            where: ""
         },
         options: {
            styleId: 3,
            templateId: 3
         }
      });
  }
  
  google.maps.event.addDomListener(window, 'load', initialize);
  </code></pre>
  
  <p>I should also say that the [app:user-lat] and [app:user-lon] calls are application specific, taking data from the mobile device, and will work to insert the current user's location. This is the reason I'm not doing  a call for the current position through google maps api, thanks in advance for anyone taking the time to help.</p>