This repository was archived by the owner on May 25, 2019. It is now read-only.
This repository was archived by the owner on May 25, 2019. It is now read-only.
ReferenceError: google is not defined #20
Description
I get the error "ReferenceError: google is not defined" before the function onGoogleReady() is called. I load your module like this:
<script type="text/javascript" src="bower_components/angular-ui-utils/modules/event/event.js "></script>
<script type="text/javascript" src="bower_components/angular-ui-map/src/map.js"></script>
<script src="${pageContext.request.contextPath}/web/views/js/mapController.js"></script>
<script type="text/javascript" charset="utf-8" async="async" src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&callback=onGoogleReady"></script>
If I do not use the attribute async when loading the GoogleAPI I get:
Uncaught TypeError: Cannot call method 'appendChild' of null which is called in the line
document.body.appendChild(s);of Google's js-script.
If I take the following Google-API-script:
<script type="text/javascript" charset="utf-8" src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
and the controller
var myMapsApp = angular.module('myMapsApp', [ 'restangular', 'ui.map', 'ui.event' ]);
function onGoogleReady() {
console.log('onGoogleReady...');
//angular.bootstrap(document.getElementById("map"), [ 'app.ui-map' ]);
}
angular.module('myMapsApp').controller('MapController', [ '$scope', function($scope) {
$scope.mapOptions = {
center : new google.maps.LatLng(35.784, -78.670),
zoom : 15,
mapTypeId : google.maps.MapTypeId.ROADMAP
};
} ]);
... then the maps is displayed but I don't have a callback function registered. Is there any demo-page I could use to solve this?
Reactions are currently unavailable