перерисовки директиву об изменении страницы

Question

У меня есть директива для Google Maps

var link = function(scope, element) { 

    var map; 

    var myLatlng = new google.maps.LatLng(..., ...); 

    var el = document.createElement("div"); 
    el.setAttribute("id", "map"); 
    element.prepend(el); 

    map = new google.maps.Map(document.getElementById("map"), myOptions); 
} 
return { 
    restrict: 'E', 
    link: link 
}; 

И я использую эту директиву на двух страницах:

стр.1:

<map></map> 

Page2:

<map></map> 

Когда я меняю страницу $location.path('/page2'); Карта div пуста. Правильная загрузка карты первого раза.

Как обновить карту? Спасибо

Answer 1

У вас может быть как можно больше карт на странице, так как вы не используете идентификатор более одного раза. У вас есть 2 # карты-холста, поэтому javascript не будет знать, что вы имеете в виду.

google maps two maps on same page