Javascript 角度谷歌地图除index.html外不工作_Javascript_Angularjs_Google Maps_Ionic Framework

Javascript 角度谷歌地图除index.html外不工作

javascript angularjs google-maps ionic-framework

Javascript 角度谷歌地图除index.html外不工作,javascript,angularjs,google-maps,ionic-framework,Javascript,Angularjs,Google Maps,Ionic Framework,我使用的是爱奥尼亚+科尔多瓦，我尝试了所有方法，但我没有找到解决方案，而且控制台中也没有错误。如果我将Geolocation.html标记放在index.html中，它工作正常，但在路由/状态更改后，它不工作 index.html <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="UTF-8"> <link rel="st

我使用的是爱奥尼亚+科尔多瓦，我尝试了所有方法，但我没有找到解决方案，而且控制台中也没有错误。如果我将Geolocation.html标记放在index.html中，它工作正常，但在路由/状态更改后，它不工作

index.html

    <!DOCTYPE html>
<html ng-app="myApp">

    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="ionic/css/ionic.min.css"></link>
        <link rel="stylesheet" href="ionic/css/ionicons.min.css"></link>
        <title></title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no">
        <link rel="stylesheet" href="css/app.css">
        <link rel="stylesheet" type="text/css" href="css/index_main.less.css" class="main-less">

        <script src="cordova.js"></script>
        <script type="application/javascript" src="ionic/js/ionic.bundle.js"></script>
        <script type="text/javascript" src="lib/ng-cordova.min.js"></script>

        <script type="text/javascript" src="lib/angular-filter.min.js"></script>

        <script type="text/javascript" src="lib/lodash.min.js"></script>
        <script src="http://rawgit.com/angular-ui/angular-google-maps/2.0.X/dist/angular-google-maps.js"></script>

        <script type="text/javascript" src="js/app.js"></script>
        <script type="text/javascript" src="js/services/constants.js"></script>
        <script type="text/javascript" src="js/services/services.js"></script>
        <script type="text/javascript" src="js/controllers/controllers.js"></script>
    </head>

<body >
    <ion-nav-view></ion-nav-view>
</body>

控制器：

myApp.controller("GeoLocationController", function($scope, $cordovaGeolocation, uiGmapIsReady){
    $scope.map = {center: {latitude: 60.1451, longitude: -99.6680 }, zoom: 8 };
    $scope.readyForMap = true;
    $scope.control = {};

    uiGmapIsReady.promise().then(function (maps) {
        $scope.map = {center: {latitude: 60.1451, longitude: -99.6680 }, zoom: 8 };
//        $scope.control.refresh();
    });

GeoLocation.html

<ion-content class="has-header" ng-controller='GeoLocationController'>
<div id="map_canvas">
 <ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options"></ui-gmap-google-map>
</div>
</ion-content>

如果有人告诉我哪里做错了，那就帮我个大忙。

谢谢。

你能做一把小提琴吗？你能做一把小提琴吗？

<ion-content class="has-header" ng-controller='GeoLocationController'>
<div id="map_canvas">
 <ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options"></ui-gmap-google-map>
</div>
</ion-content>