Question

我正在尝试使用AngularJS制作一个简单的Google地图应用。我没有使用像“ngMaps”或“Angular-ui”这样的Google API。我有一些非常基本的结构，我可以在控制台中看到我的谷歌地图对象，问题是页面上没有显示

home.html的：

<div id="map"></div>

app.js：

var app = angular.module('locator',['ngRoute', 'ngMaps']); 

app.config(['$routeProvider', '$locationProvider', '$httpProvider',
function ($routeProvider, $locationProvider, $httpProvider){
    'use strict';

    $routeProvider
        .when('/', {
            templateUrl: './partials/home.html',
            controller: 'masterCtrl'
        })
        .otherwise({
            redirectTo: '/'
        });
}]);

masterCtrl：

app
 .controller('masterCtrl', ['$scope', '$window', masterCtrl]);

function masterCtrl($scope, $window) {
 function initialize() {
  var lat = 46.87916;
  var lng = -3.32910;
  var map_id = '#map';

  var myOptions = {
   zoom : 8,
   center : new google.maps.LatLng(lat, lng),
   mapTypeId : google.maps.MapTypeId.ROADMAP
  };
  $scope.map = new google.maps.Map($(map_id)[0], myOptions);
 }
  initialize();

}

Answer 1

问题解决了，我需要做的就是添加一个“ng-init”来回调我的initialize（）函数，它会初始化页面上的地图。

<div id="map-canvas" ng-init="initialize()"></div>

使用Angualrjs无法显示Google地图

1 个答案: