Witam, otóż mój problem polega na tym że po jakimś evencie(np. kliknięciu na przycisk) muszę wygenerować całkowicie nową google mape i "wstrzyknąć" ją do drzewa DOM. Obecnie mój kod prezentuje się mniej więcej tak:


  1. <script type="text/javascript">
  2. if(!Gmap){
  3. Gmap = {};
  4. }
  5. if(!Gmap.instances){
  6. Gmap.instances = [];
  7. }
  8. if(!Gmap.options){
  9. zoom: 14,
  10. center: new google.maps.LatLng(0,0),
  11. mapTypeId: google.maps.MapTypeId.ROADMAP
  12. }
  13. Gmap.init = function(domId){
  14. var map = new google.maps.Map(document.getElementById("gmap_"+domId), Gmap.options);
  15. Gmap.instances.push({
  16. map: map,
  17. //inne elementy(granice itd.)
  18. })
  19. return map;
  20. }
  21. $('#create').on('click',function()){
  22. $('#'+editedObject.id).html(
  23. '<div id="gmap_'+ editedObject.id +'" class="gmap"></div>'
  24. ) ;
  25. Gmap.init(editedObject.id);
  26. });


To jest bardziej schemat niż pełny kod, jednak oddaje flow skryptu. Co do zachowania to obiekt google mapy jest tworzony i ogolno dostepny dzieki tablicy 'instances' jednak na stronie wyświetla mi się pusty div i już prawdę mówiąc skończyły mi się pomysły co z tym zrobi.


Będę wdzięczny za jakiekolwiek naprowadzenie co może być nie tak smile.gif

Pozdrawiam BlackDante

Edit: Problem solved wink.gif wystarczyło... wszystko napisac od nowa ;F