I am trying to use Angular google maps and I went through the quick setup supplied by angular google maps
.config(['$routeProvider','$locationProvider','uiGmapGoogleMapApiProvider,
function($routeProvider,$locationProvider,uiGmapGoogleMapApiProvider) {
// Other configurations
uiGmapGoogleMapApiProvider.configure({
key: ‘MY_GOOGLE_API_KEY’,
v: ‘3.17’,
libraries: 'weather,geometry,visualization'
});
}
]);
I setup an API key in Google API Console, but when I load the page i get an MissingKeyMapError.
Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
I have the Google Javascript API enabled in the API console. I am at a loss as to what I am doing wrong. Any help would be greatly appreciated.
milo3169 :
I solved the issue. Turns out I was loading the Google Maps API v3 twice. I was loading it in the provider\n\nuiGmapGoogleMapApi.then(function(maps) {});\n\nand loading the script tag\n\n<script src=\"https://maps.googleapis.com/maps/api/js\"></script>\n\nOnce I removed the script tag, It worked!\n\nThanks for everyones help.",
2016-07-28T03:26:51