arregamento dinâmico da API do @Google Maps com AngularJS
Estou tentando carregar a API do Google Maps usando AngularJS:
<html data-ng-app="search-app">
<head data-ng-controller="GoogleMaps">
<script ng-src="{{mapsUrl}}" type="text/javascript"></script>
....
</head>
e controlador para essa parte:
search.controller('GoogleMaps', [
'$scope','$sce',
function GoogleMaps($scope,$sce) {
var mapsUrl = '//maps.google.com/maps/api/js?sensor=false&key=my_api_key';
$scope.mapsUrl = $sce.trustAsResourceUrl(mapsUrl);
}
]);
mas quando a API do Google Map é chamada no controlador de pesquisa, ela gera e erro
this.setMap não é uma função
par
function CustomMarker(latlng, map, args) {
this.latlng = latlng;
this.args = args;
this.setMap(map);
}
mas quando vou substituir{{mapsUrl}}
com URL completo no cabeçalho HTML, ele funcionar
Any pensamentos sobre isso?