I'm new to Angular and trying to get google-map going by following the steps in the QuickStart at
angular-google-maps.org/use.
As best I can tell, Firebug shows 2 errors, though the 2d one of them is very verbose.
First, I get a 403 in accessing underscore
"NetworkError: 403 Forbidden - http://localhost/angular-oPast/app/..../node_modules/underscore/underscore-min.js"
My node_modules directory is 2 levels up from app and then 1 directory down. I seem to be getting there,
but not getting access into the file.
Second, Firebug says my controller is not a function and then says a lot of things. I followed the instructions at QuickStart for $scope.map, but something is wrong. Here's my controller.
'use strict';
var createMap = angular.module('residenceApp', ['google-maps']);
//this form of the constructor enables the dependency injector to keep track of everything after minification, per Angular tutorial
createMap.controller('GMapController2', ['$scope', '$http',
function ($scope, $http) {
$scope.map = {
center: {
latitude: 45,
longitude: -73
},
zoom: 8
};
}]); //end constructor function
My HTML looks like
<div id="gMapCanvas" data-ng-controller="GMapController2">
<google-map center="map.center" zoom="map.zoom"></google-map>
,/div>
Per QuickStart, I have the following in my CSS
.angular-google-map-container {height:400px;}
This is a puzzle because the instructions say nothing about creating an HTML class=".angular-google-map-container" What is that CSS doing, and is it correct for my situation?
What do I need to do to get Google Maps working?