trouble getting google-map to work

54 views
Skip to first unread message

Michael Laird

unread,
May 21, 2014, 2:48:26 PM5/21/14
to ang...@googlegroups.com
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?

Michael Laird

unread,
May 21, 2014, 3:05:54 PM5/21/14
to ang...@googlegroups.com
Maybe I should add that example.html that comes with the Angular google-map clone works fine to display a map. It is in a different directory than my project's index.html
Reply all
Reply to author
Forward
0 new messages