javascript - 在 HTML 中的视图之间切换

Question

我有一个包含 Google Maps JavaScript API v3 的应用程序，我的地图位于页面底部，我希望它位于不同的视图中，因此当我单击链接时（链接是此应用程序中的位置）应用程序应该带我到一个不同的视图，其中嵌入了地图。这是我的地图代码，我如何让它在不同的视图中运行并重定向到它？

function initialize() {
      var mapOptions = {
        center: new google.maps.LatLng(site.Point.coordinates),
        zoom: 8
      };
      var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
    }
    google.maps.event.addDomListener(window, 'load', initialize)

如果您有兴趣看一下，这里是我的完整代码。 http://plnkr.co/edit/OZZRgiEcrLzreW3lrc5v?p=preview

编辑*** 在 Angular.js 中使用这可能是最简单ng-route的，如果有人能给出简短的解释，将不胜感激。