title: How to fix Uncaught InvalidValueError: setPosition: not a LatLng or LatLngLiteral: in property lat: not a number?
body: <p>I'm trying to port my googlemaps v2 functions to v3.</p>
  
  <p>But somehow i stuck in a strange error and i could not find, what i'm doing wrong.</p>
  
  <blockquote>
    <p>Error : Uncaught InvalidValueError: setPosition: not a LatLng or LatLngLiteral: in property lat: not a number   %7Bmain,adsense,geometry,zombie%7D.js:25</p>
  </blockquote>
  
  <p>Here my map initialisation:</p>
  
  <pre><code>var map = new google.maps.Map(document.getElementById("map"),{
    zoom:4
    size:new google.maps.Size(580,440),
    mapTypeControl: true,
    mapTypeControlOptions: {
      style:google.maps.MapTypeControlStyle.VERTICAL_BAR,
      position: google.maps.ControlPosition.BOTTOM_CENTER,
    },
    panControl: true,
    panControlOptions: {
      position: google.maps.ControlPosition.TOP_LEFT,
    },
    zoomControl: true,
    zoomControlOptions: {
      style: google.maps.ZoomControlStyle.LARGE,
      position: google.maps.ControlPosition.LEFT_CENTER,
    },
    scaleConrol: true,
    scaleControlOptions:{
      position: google.maps.ControlPosition.TOP_LEFT ,
    },
  });
  map.setCenter(new google.maps.LatLng(49.477643, 9.316406));
  </code></pre>
  
  <p>and here the part with my error:</p>
  
  <pre><code>function drawTraders(map, options) {
  var traders_uri = options.traders_uri || '';
  if ('' == traders_uri) {
      return false;
  }
  
  // get the informations
  $.getJSON(traders_uri, function(data) {
      // look through the information
  $.each(data.traders, function(i, trader) {
  var icon = options.icon_image_uri;
  
  var markerIcon = new google.maps.MarkerImage(icon,
      // This marker is 20 pixels wide by 32 pixels tall.
      new google.maps.Size(25, 25),
      // The origin for this image is 0,0.
      new google.maps.Point(0,0),
      // The anchor for this image is the base of the flagpole at 0,32.
      new google.maps.Point(0, 32)
  );
  
  var html = 'test';
  
  /*Information from chromium debugger
  trader: Object
      geo: Object
          lat: "49.014821"
          lon: "10.985072"
  
  */
  var myLatlng = new google.maps.LatLng(trader.geo.lat,trader.geo.lon);
  
  /*here is the error in new google.maps.Marker()*/
  var marker = new google.maps.Marker({
      position:   myLatlng,
      map: map,
      icon : markerIcon,
  });
  
  var infowindow = new google.maps.InfoWindow({
      content: html
  });
  }
  </code></pre>
  
  <p>Edit: the call of drawTraders</p>
  
  <pre><code> drawTraders(map, {
          traders_uri: "getTraders.php",
          icon_image_uri: "icon-cms.gif",
   });
  </code></pre>
  
  <p>I was using this example <a href="https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple" rel="noreferrer">Info Window</a></p>
  
  <p>Edit: </p>
  
  <p><a href="http://jsfiddle.net/BF3Yv/13/" rel="noreferrer">Fiddle which is not working</a></p>
  
  <p><a href="http://jsfiddle.net/BF3Yv/14/" rel="noreferrer">Fiddle which works</a></p>