angular.js - Apabila menambahkan API Amap pada angularjs, paparan peta tidak normal dan konsol melaporkan ralat Apakah penyelesaiannya?

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
            });
            
  }]);

Mesej ralat: Rujukan Tidak DitangkapRalat: peta tidak ditakrifkan

Peta yang dicetak oleh konsol:

Ralat semasa membeli sumber:

Answer 1

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

Letakkan konsol peta ini dan lihat

Answer 2

Bukankah ini isu skop?

Dan juga, sudut berjalan selepas tetingkap.onload