Question

我有Google地图指令

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>

2页：

<map></map>

当我更改页面$location.path('/page2');时，地图div为空。第一次映射的加载正确。

如何更新地图？谢谢

Answer 1

您可以根据需要在网页上添加任意数量的地图，只要您不多次使用ID即可。你有2个#map-canvas，所以javascript不知道你的意思。

google maps two maps on same page

更改页面上的Redraw指令

1 个答案: