angulaire.js - Lors de l'ajout de l'API Amap à angulairejs, l'affichage de la carte n'est pas normal et la console signale une erreur. Quelle est la solution ?

Question

angular.module('drApp', ['ng', 'ngRoute', 'ngAnimate'])
.controller('startCtrl', ['$scope',function ($scope) {
var map = new AMap.Map('container');
            map.setZoom(16);
            map.setCenter([116.397428, 39.90923]);
      var marker = new AMap.Marker({
                position: [116.397428, 39.90923],
                map: map
            });
            
  }]);

Message d'erreur : Uncaught ReferenceError : la carte n'est pas définie

La carte imprimée par la console :

Source d'erreur d'achat :

Answer 1

var map = new AMap.Map('container');

Sortez cette console cartographique et jetez-y un oeil

Answer 2

N'est-ce pas un problème de portée ?

Et aussi, angulaire s'exécute après window.onload