0

私は問題を抱えています.angular.boosttrapにモジュールをロードする必要がありますが、ロードするように指示する前にangularがロードし続けます。

ここで angular.boostrap メソッドを呼び出します。この関数は GMaps API のコールバックとして呼び出されるため、console.log のためにこれが機能していることがわかります。

function onGoogleReady() {
  console.log("GMaps api initialized.");
  angular.bootstrap(document.getElementById('map', ['app.ui.map']));
}

これは私のモジュールです：

angular.module('myAppModule', ['ui.map'])
.controller('CtrlGMap', ['$scope', function($scope) {
    $scope.mapOptions = {
        center: new google.maps.LatLng(35.500, -78.500),
        zoom: 11,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
}]);

そして最後に私のアプリのHTML

<html ng-app="myAppModule">


<section id="map">
    <div ui-map="myMap" ui-options="mapOptions" class="map-canvas"></div>
</section>

4

1 に答える 1