未捕获的类型错误:对象 [object global] 没有使用 angular-ui 的 ui.maps 和 Angular.js 的方法“onGoogleReady" [英] Uncaught TypeError: Object [object global] has no method 'onGoogleReady' using angular-ui's ui.maps with Angular.js
本文介绍了未捕获的类型错误:对象 [object global] 没有使用 angular-ui 的 ui.maps 和 Angular.js 的方法“onGoogleReady"的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试使用 angular-ui 的 ui-map 库与 Angular.js 并收到错误
I'm trying to use angular-ui's ui-map library with Angular.js and receive the error
"未捕获的类型错误:对象 [object global] 没有使用 ui.maps 和 Angular.js 的方法onGoogleReady"".
" Uncaught TypeError: Object [object global] has no method 'onGoogleReady' using ui.maps with Angular.js ".
我知道我需要包括:
function onGoogleReady() {
angular.bootstrap(document.getElementById("map"), ['app.ui-map']);
}
但在哪里以及如何?
推荐答案
function initCall() {
console.log("Google maps api initialized.");
angular.bootstrap(document.getElementById("map"), ['doc.ui-map']);
}
angular.module('doc.ui-map', ['ui.map', 'prettifyDirective'])
.controller('MapCtrl', ['$scope', function ($scope) {
$scope.myMarkers = [];
$scope.mapOptions = {
center: new google.maps.LatLng(35.784, -78.670),
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
$scope.addMarker = function ($event, $params) {
$scope.myMarkers.push(new google.maps.Marker({
map: $scope.myMap,
position: $params[0].latLng
}));
};
$scope.setZoomMessage = function (zoom) {
$scope.zoomMessage = 'You just zoomed to ' + zoom + '!';
console.log(zoom, 'zoomed');
};
$scope.openMarkerInfo = function (marker) {
$scope.currentMarker = marker;
$scope.currentMarkerLat = marker.getPosition().lat();
$scope.currentMarkerLng = marker.getPosition().lng();
$scope.myInfoWindow.open($scope.myMap, marker);
};
$scope.setMarkerPosition = function (marker, lat, lng) {
marker.setPosition(new google.maps.LatLng(lat, lng));
};
}]) ;
来源: Demo.js
这篇关于未捕获的类型错误:对象 [object global] 没有使用 angular-ui 的 ui.maps 和 Angular.js 的方法“onGoogleReady"的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文