IOS build with nativescript angular 2 doesn't work about nativescript-google-maps-sdk HOT 12 CLOSED

I have done something like this

GMSServiceKey.d.ts

declare function GMSServiceKey(): void; export = GMSServiceKey;

GMSServiceKey.js

module.exports = function () { GMSServices.provideAPIKey("YOUR KEY"); };

in app.component.ts

import GMSServiceKey = require('./GMSServiceKey');

and

if (application.ios) { GMSServiceKey(); }

from nativescript-google-maps-sdk.

I can not say for the error but. You just simply create a js file on app folder lik app/app.js and put this code...

"use strict";
var application = require("application");
if(application.ios) {
  GMSServices.provideAPIKey("PUT_API_KEY_HERE");
}
application.start({ moduleName: "pages/home/home" });

from nativescript-google-maps-sdk.

I dont think we use the above JS file for Angular 2 version of Nativescript. We require/import nativescript-angular/application instead of application. When I use the above code I get the error Cannot find name 'GMSServices'.

from nativescript-google-maps-sdk.

Usually when you can't find GMSServices, that means the iOS Google Maps pod didn't get installed. Make sure you have cocoapods installed.

from nativescript-google-maps-sdk.

Actually this is first error when build is started, without this line
build succeeds with google map cocoapods installed properly and When app is
run it gives exception too that API key shall be set.
On May 31, 2016 6:32 PM, "dapriett" [email protected] wrote:

Usually when you can't find GMSServices, that means the iOS Google Maps
pod didn't get installed. Make sure you have cocoapods
https://guides.cocoapods.org/using/getting-started.html#getting-started
installed.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#31 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/ABwtdm1OHeWJ7QdOfcdVu06wYLoDXd9sks5qHDFcgaJpZM4ImcTs
.

from nativescript-google-maps-sdk.

I have installed cocoapods. See below:

$ gem which cocoapods
 /Users/deepak/.gem/ruby/2.0.0/gems/cocoapods-1.0.0/lib/cocoapods.rb

from nativescript-google-maps-sdk.

Faced same issue.
Newbie to Angular and Typescript, so not sure where the issue is but as workaround exported GMSServices in JS module and added definition file "d.ts". My 2 cents that there is a issue in typings.

Could you please suggest a better solution. Thanks.

from nativescript-google-maps-sdk.

@ravindrakw Can you share the code snippet that worked for you. Just the bits you where talking about above. Thanks :)

from nativescript-google-maps-sdk.

I also realised we need to register the Element in PascalCase MapView instead of camelCase mapView:

registerElement("MapView", () => require("nativescript-google-maps-sdk").MapView);

from nativescript-google-maps-sdk.

Here's a stackoverflow reference, in case anyone else is having issues: http://stackoverflow.com/questions/36443476/wiring-up-google-maps-nativescript-plugin-with-angular-2

from nativescript-google-maps-sdk.

I did the steps ravindrakw mentioned and that fixed my issue. Thank you guys

from nativescript-google-maps-sdk.

Even simpler - in your main.ts file, add

import * as platform from "platform";
declare var GMSServices: any;

// before calling .boostrap
if( platform.isIOS ) {
    GMSServices.provideAPIKey("YOUR KEY");
}

from nativescript-google-maps-sdk.