Hi Philipp,
I have replaced the mapbox.js file with the cdn and it is now working perfectly fine. The map is loading good. You have done me a great help phillip, Thanks a lot....!!!! On Thursday, October 8, 2015 at 7:12:55 PM UTC+5:30, plitzenberger wrote: > > your welcome. Seems there is a problem with your credentials. I can’t > really help with that. I think you should check your map-id and accessToken. > > On 08 Oct 2015, at 14:51, Prudvi Seshu <[email protected] <javascript:>> > wrote: > > Thanks you philipp, > > All the previous errors were not showing, I think module is injected > correctly but it still says: > > http://a.tiles.mapbox.com/v3/sakeet.cifa1vwoa1scjsdknbg73ii.json 401 > (Unauthorized) error1 and > could not load TileJSON at > http://a.tiles.mapbox.com/v3/sakeet.cifa1vwoa1scjsdknbg73ii.json > error2.. > > A gray colored map is showing up, I think we are nearer to the output. > Thank you Phillip. > > Regards, > Prudhvi. > > On Thursday, October 8, 2015 at 5:57:57 PM UTC+5:30, plitzenberger wrote: > > Hi Prudhvi, > > the objects in injectParams and the function arguments need to be in the > exact same order. Thats the problem here > <https://gist.github.com/prudvihemanth/fc88ec2456c5c29f1709>. > > *like this:* > > var injectParams = ['$scope','$rootScope’, “…”] > var controller = function ($scope, $rootScope, …] > > Best, P > > > On 08 Oct 2015, at 14:21, Prudvi Seshu <[email protected]> wrote: > > Hi Philipp, > > I have checked the examples and when initializing mapboxService in the > controller function it is throwing error. Can you please tell me how to > properly initialize map box service in controller. > > I have a parent controller app.js, There i have initialized the > angular-mapbox directive. I want to access the mapboxService in the > admincontroller.js. I am sending the gist files of app.js and > admincontroller.js can you please tell me where i am going wrong.. > > app.js file: > https://gist.github.com/prudvihemanth/b670432816c10e5ce900 > admincontroller.js file: > https://gist.github.com/prudvihemanth/fc88ec2456c5c29f1709 > > I have included the mapbox.js and angular-mapbox.js files in the > index.html page. > > Regards, > Prudhvi > > On Thursday, October 8, 2015 at 5:37:55 PM UTC+5:30, plitzenberger wrote: > > Hi Prudhvi, > > have you checked out the examples > <https://github.com/licyeus/angular-mapbox/tree/master/examples>? There > you find the file example-app.js > <https://github.com/licyeus/angular-mapbox/blob/master/examples/example-app.js#L7> > with > the initialisation of the mapboxService. > > Best, > Philipp > > On 08 Oct 2015, at 12:25, Prudvi Seshu <[email protected]> wrote: > > Hi Philipp, > > Thanks for the reply, I have removed the angular-mapbox and checked > with <mapbox map-id="YOUR-MAP-ID" lat="47.603569" lng="-122.329453"></mapbox> > in my html. It says 401 Unauthorized in the console and map is not > displaying. I think we have to provide the access token for authorization > (I have provided the map-id), In the link provided by you, it is mentioned > that: > > As of Mapbox.js 2.0, a Mapbox API access token is also required. In your > Angular app, set the access token with the following line: > > mapboxService.init({ accessToken: 'YOUR_ACCESS_TOKEN' }); > > > If i inject mapboxservice in the child controller, the other part of the > controller is not working and the resultant html page is not loading > properly. Please suggest me where to use the access token properly. > > Regards, > Prudhvi. > > > On Thursday, October 8, 2015 at 3:07:15 PM UTC+5:30, plitzenberger wrote: > > Ah, I see. The ‘angular-mapbox’ is a module. U can’t inject this in your > controller. Remove it from injectParams and just use the directive > <http://inkblot.io/angular-mapbox/> “mapbox” in your view. > > <mapbox map-id="YOUR-MAP-ID" lat="47.603569" lng="-122.329453"></mapbox> > > Best, Philipp > > On 08 Oct 2015, at 10:57, Prudvi Seshu <[email protected]> wrote: > > Hi philipp, > > Thank you very much for the reply. If I use 'angular-mapbox' in the > controller function, I am getting the error: > > Uncaught SyntaxError: Unexpected token - > > I am actually referring to: https://github.com/licyeus/angular-mapbox for > mapbox integration to my website, I think i have to use mapboxService in > the controller function. But it is not working properly. Any other ideas > please... > My only concern is to integrate mapbox map in html page using angular js. > > Regards, > Prudhvi. > On Thursday, October 8, 2015 at 12:41:14 PM UTC+5:30, plitzenberger wrote: > > Hi Prudhvi, > > The ‘angular-mapbox’ is missing in the controller function. > > > Regards, > Philipp > > > On 08 Oct 2015, at 06:38, Prudvi Seshu <[email protected]> wrote: > > Hi Sander Elias, > > Many thanks for the reply. Yes I have injected angular-mapbox directive > into the main app.js file like this: > > > > var app = angular.module(sakeetApp, ['ngRoute', 'ngCookies','ngStorage', > 'angular-mapbox','angularFileUpload']); > > app.config(['$routeProvider', '$locationProvider', '$httpProvider', > > function ($routeProvider, $locationProvider, $httpProvider) { > > > In child controller (AdminController.js): > > 'use strict'; > > > (function () { > > var injectParams = ['$scope','$rootScope','$location','$route', > '$localStorage','$window','$cookieStore', > > 'ConfigService', 'UserService','CategoryService','angular-mapbox', > 'FeedService','NotifyService']; > > var controller = function ($scope,$rootScope, > $location,$route,$localStorage,$window,$cookieStore, > > ConfigService, UserService, CategoryService, > FeedService, NotifyService) { > > After injecting into Admincontroller.js, i am getting the error. I have > included the 1.mapbox.js, 2. angular-mapbox.js files in index.html file. > But still the error persist. > > > On Thursday, October 8, 2015 at 9:45:07 AM UTC+5:30, Sander Elias wrote: > > Hi Prudhvi, > > Did you inject your mapbox into your application? > > Regards > Sander > > > -- > You received this message because you are subscribed to the Google Groups > "AngularJS" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > > > > -- > You received this message because you are subscribed to the Google Groups > "AngularJS" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > > > > -- > You received this message because you are subscribed to the Google Groups > "AngularJS" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > > > > -- > You received this message because you are subscribed to the Google Groups > "AngularJS" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > > > > -- > You received this message because you are subscribed to the Google Groups > "AngularJS" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected] <javascript:>. > To post to this group, send email to [email protected] <javascript:> > . > Visit this group at http://groups.google.com/group/angular > > ... -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
