谷歌地图未加载角度路由

Question

我在index.php和contact.php中使用角度路由。我正在使用谷歌地图所以当我导航到contact.php时，谷歌地图没有显示但是当点击ctrl + f5时刷新页面地图是显示，我不知道我在哪里做错了，因为控制台日志中没有显示错误。请帮帮我。

这是我的路由和重定向代码。两个都无法正常工作。在此先感谢。

var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
.when("/", {
    templateUrl : "home.php"
})
.when("/about", {
    templateUrl : "about.php"
})
.when("/contact", {
    templateUrl : "contact.php"
})
.when("/mission", {
    templateUrl : "mission.php"
})
.when("/leadership", {
    templateUrl : "leadership.php"
})
.when("/product", {
    templateUrl : "product.php"
}).otherwise({redirectTo:'/'});
});

这是我的contact.php页面代码

<div class="margin-bottom-90 fix">              
            <div class="col-sm-6">
                <div id="contact-map"></div>
            </div>          

            <div class="contact-form col-sm-6 ">
                <h2>contact form</h2>
                <form action="#">
                    <div class="input-box transparent"><input type="text" name="name" placeholder="Name*"></div>
                    <div class="input-box transparent"><input type="text" name="email" placeholder="Email*"></div>
                    <div class="input-box transparent"><input type="text" name="subject" placeholder="Subject"></div>
                    <div class="input-box transparent"><textarea placeholder="Message" name="message"></textarea></div>
                    <div class="input-box submit-box width-full"><input type="submit" value="send" class="button large"></div>
                </form>
            </div>      
        </div>