google maps в jquery ui диалог не загружается

Question

У меня проблема на моем сайте с картами google api javascript работает на других страницах, но не на других страницах.

образ ошибки

мой код

var map = ""; 
 

 
function loadMap2(link) { 
 
    var currentMapPosition = new google.maps.LatLng(link.attr('data-lati'), link.attr('data-longt')); 
 
    var mapOptions = { 
 
    center: currentMapPosition, 
 
    zoom: 10, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    var infoWindow = new google.maps.InfoWindow(); 
 
    var latlngbounds = new google.maps.LatLngBounds(); 
 
    if (!map) { 
 
    map = new google.maps.Map(document.getElementById("map_cust"), mapOptions); 
 
    } else { 
 
    map.setOptions(mapOptions); 
 
    } 
 
    var marker = new google.maps.Marker({ 
 
    position: currentMapPosition, 
 
    map: map, 
 
    title: 'SubProject Location' 
 
    }); 
 

 

 
    $("#map_cust").dialog({ 
 
    title: "خريطة العميل : " + link.attr('data-name'), 
 
    height: 400, 
 
    width: "80%" 
 
    }); 
 
} 
 

 
$(document).on('click', '.show_map2', function() { 
 
    loadMap2($(this)); 
 
    return false; 
 
})

и у меня есть второй вопрос, как удалить маркер, если я показать карту во второй раз. и спасибо за всех.

Answer 1

спасибо за всех, я решил это с добавлением дисплея :никто; на div #

Answer 2

Была такая же проблема. Я закончил писать метод обновления. в coffescript, но вы можете получить представление в JS

refresh:-> 
    center=@map.getCenter(); 
    google.maps.event.trigger(@map, 'resize') 
    @map.setCenter(center) 

Надеется, что это помогает

https://github.com/Sudakatux/GMapWrapper/blob/master/MapWrapper.coffee

Это то, что действительно делает трюк (JavaScript скомпилирован)

MapWrapper.prototype.refresh = function() { 
     return google.maps.event.trigger(this.map, 'resize'); 
    }; 

Надежда это помогает