title: Google Map marker popup Jquery
body: <p>I would like to create a popup window with jquery for markers that I want.
  So I have a code for one marker but how to create another popup window to another marker?
  On the marker Paris for example.
  And I also want to know how to prevent the popup window to move?</p>
  
  <pre><code>&lt;script type='text/javascript'&gt; $(function(){function initialize() {
      var mapOptions = {
        zoom: 4,
        disableDefaultUI: true,
        center: new google.maps.LatLng(45.35, 4.98),
        mapTypeId: google.maps.MapTypeId.TERRAIN
      }
      var map = new google.maps.Map(document.getElementById('map_canvas'),
                                    mapOptions);
  
  
  // Paris 
  var Paris = new google.maps.LatLng(48.856291,2.352705);
      var image = 'rss.png';
      var marker = new google.maps.Marker({
          position: Paris,
          map: map,
          icon: image,
      });
  
  
  // Le Mans
  var Lemans = new google.maps.LatLng(48.006922,0.20874);
      var image = 'rss.png';
      var marker = new google.maps.Marker({
          position: Lemans,
          map: map,
          icon: image,
      });
  
      var styles = [
     {
        featureType: "all",
        stylers: [
          { saturation: -15 },
          { lightness: -10 },
        ]
      },
  
              ];
  map.setOptions({styles: styles});
  
  
  var popup=$('&lt;div/&gt;', {
      'id':'infoWindow',
      'text':'Hello World'
  }).dialog({
      'autoOpen':false,
      'width': 200,
      'height':200,
      'resizable':false,
      'modal':true,
      'title':'Map info'
  });
  google.maps.event.addListener(marker, 'click', function(e) {
      console.log(e);
      popup.dialog('open');
  });    }initialize();}); &lt;/script&gt;
  </code></pre>