gruntjs - cors issue with google places api using angularjs(yeoman) -

-

i trying configure google places api , display search results using angularjs. i've generated angular using yeoman , serving using 'grunt'. i'm using find "sport" results around location.

angular.module('frontendapp')  .controller('httpreqcontroller', ['$scope', '$http', function($scope,$http) {     console.log('next on click');     $scope.myfunction = function() {       console.log('on click in place');       $http.get('https://maps.googleapis.com/maps/api/geocode/json?address='+                   $scope.address+                   '&key=<api_key>')         .success(function (response) {           $scope.names = response;           var location = response.results[0];           console.log(location.geometry.location);       // http request find sport around users place       var comurl2 ='https://maps.googleapis.com/maps/api/place/nearbysearch/json?location='+                    location.geometry.location.lat+                    ','+                    location.geometry.location.lng+                    '&radius=50000&types='+                    $scope.sport+                    '&name='+                    $scope.sport+                    '&key=<api_key>';        $http.get(comurl2).success(function (response) {         $scope.names = response;         console.log(response);       });     }); }; }]);

this gives me error on console 

next on click                                                  search.js:23 on click in place                                                 search.js:30  object {lat: 48.1603191, lng: 8.8528498} xmlhttprequest cannot load https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=48.16…types=badminton&name=badminton&key=<api_key>. no 'access-control-allow-origin' header present on requested resource. origin 'http://localhost:9000' therefore not allowed access.

i've tried adding cors headers in gruntfile.js

connect: {   options: {     port: 9000,     // change '0.0.0.0' access server outside.     hostname: 'localhost',     livereload: 35729   },   livereload: {     options: {       open: true,       middleware: function (connect) {         return [           connect.static('.tmp'),           connect().use(             '/bower_components',             connect.static('./bower_components')           ),           connect().use(             '/app/styles',             connect.static('./app/styles')           ),           connect.static(appconfig.app)           function(req, res, next) {             res.setheader('access-control-allow-origin', '*');             res.setheader('access-control-allow-methods', '*');             next();           },         ];       }     }   },

but error persists.

any ideas i'm making mistake?


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

gradle error "Cannot convert the provided notation to a File or URI" -

-
i have defined 2 system properties in gradle.properties: systemprop.builddir=build systemprop.cfgdir=build\\cfg and have following task defined in build.gradle: task clean(group:'clean',description:'clean project') << { ant.sequential { delete(dir: system.properties.builddir) mkdir(dir: system.properties.builddir) delete(dir: system.properties.cfgdir) mkdir(dir: system.properties.cfgdir) } } this generates following error: execution failed task ':clean'. > cannot convert provided notation file or uri: {dir=build}. following types/formats supported: - string or charsequence path, e.g 'src/main/java' or '/usr/include' - string or charsequence uri, e.g 'file:/usr/include' - file instance. - uri or url instance. but equivalent block of code not generate error , works expected: task clean(group:'clean',description:'clean project') << { ...
Read more

python - NameError: name 'subprocess' is not defined -

-
i'm trying make rng website: http://jamesdotcom.com/?p=417 . when run following code: captureimage = subprocess.popen( [ "fswebcam", "-r", "356x292", "-d", "/dev/video0", "static.jpg", "--skip", "10" ], stdout=devnull, stderr=devnull) captureimage.communicate() i following error message: nameerror: name 'subprocess' not defined what should do? thanks have imported first? import subprocess captureimage = subprocess.popen(["fswebcam", ...) subprocess included in python standard library since python 2.4. should not necessary install it.
Read more