Új hozzászólás Aktív témák

• Sk8erPeter nagyúr

  #2545

  #2544 papa019

  2012-04-10 03:39:28

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Sk8erPeter

  nagyúr

  #2544 papa019

  #2544 papa019

  Ha a listát, amit a jQuery-vel előállítasz be akarom tenni mondjuk a k_epuletre kattintáskor felugró buborékba (infowindow), akkor ezt hogyan tudom megcsinálni?
  Elég régóta ezzel szenvedek, de egyszerűen nem jövök rá.

  1.) Megkukkantottam egy példakódot az Info Windows-ra: [link]
  2.) Globálissá tettem az infowindow és marker változót (lásd az elején).
  3.) Beraktam a megfelelő tartalmat a lista után:

  list_html =
  $('<ul/>', {
  'id' : 'my-location-list',
  'class': 'my-new-list',
  html: items.join('')
  });
  
  $('#location_data').html(list_html.html());
  
  infowindow = new google.maps.InfoWindow({
  content: list_html.html()
  });
  
  infowindow.open(map, marker);

  Nyilván az infowindow rész a lényeg.
  4.) Kész: [link]. Kattints a gombra a teszteléshez, akkor felugrik az infowindow.
  Ugyanez jsFiddle-re felrakva, ott JSLinttel validálva: http://jsfiddle.net/Sk8erPeter/kVFb2/
  Persze nem egy gyönyörű kód, de jó az vidékre.

Új hozzászólás Aktív témák