title: Google Maps Infowindow Position
body: <p>I have a problem with this code, when i click on a marker I want the infowindow to open up at that marker's position.</p>
  
  <p>When i click on every marker they all open up on the same position.</p>
  
  <p>code:</p>
  
  <pre><code>App.map = function (data, cb) {
    App.getData(App.config.LFMurl(), function (data) {
      App.processData(data, function(arr){      
      var mapOptions = {
        zoom: 12,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      map = new google.maps.Map(document.getElementById('map-canvas'),
          mapOptions)
  
    if(navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(function(position) {
        var pos = new google.maps.LatLng(position.coords.latitude,
                                         position.coords.longitude)
  
        var marker
  
        $.each(arr, function (index, item) {            
          marker = new google.maps.Marker({
            position: new google.maps.LatLng(item.lat, item.long),
            map: map,              
            animation: google.maps.Animation.DROP        
          })
          google.maps.event.addListener(marker, 'click', function(){                            
            var infowindow = new google.maps.InfoWindow({                
              map: map,
              position: new google.maps.LatLng(item.lat, item.long),                                
              content: item.title
            })
            infowindow.open(map, this)
            console.log(item.artist)              
          })
        }) 
  
        map.setCenter(pos)
      }, function() {
        handleNoGeolocation(true)          
      })
    } else {      
      handleNoGeolocation(false) // Browser som inte stödjer geolocation
    }
  })
  })
  }
  </code></pre>