9 Replies Latest reply on Aug 18, 2016 11:07 PM by Mahmoud Abduljawad Branched from an earlier discussion.

    cordova-google-maps plugin - How to declare plugin parameter in phongap build?

    Mahmoud Abduljawad Level 1

      I'm having similar issue with cordova-google-maps plugin that i'm trying to pull from its git repo:

       

       

      it's failing with:

       

      Error - One of your plugins requires a parameter: API_KEY_FOR_ANDROID - You can fix this here

       

      any suggestions?

        • 2. Re: cordova-google-maps plugin - How to declare plugin parameter in phongap build?
          Mahmoud Abduljawad Level 1

          For some reason I can see that the markup I submitted for the plugin element isn't visible. Can you still see it?

          It's exactly as the docs has explained yet not working.

          • 3. Re: cordova-google-maps plugin - How to declare plugin parameter in phongap build?
            Mahmoud Abduljawad Level 1

            Since i didn't get any reply i wanted to post the part of the config.xml again:

             

            <plugin spec="https://github.com/mapsplugin/cordova-plugin-googlemaps.git" source="git">
                <param name="API_KEY_FOR_ANDROID" value="MY KEY HERE" />
                <param name="API_KEY_FOR_IOS" value="MY KEY HERE" />
            </plugin>
            • 4. Re: cordova-google-maps plugin - How to declare plugin parameter in phongap build?
              kerrishotts Adobe Community Professional

              So I didn't see the parameters in your previous post, but they look like they should work in your most recent post. Not sure what's going on there. I'm assuming everything but "MY KEY HERE" is a copied and pasted, right?

               

              Is there any chance these tags are wrapped in a <platform> tag somewhere else in the config.xml file?

              • 5. Re: cordova-google-maps plugin - How to declare plugin parameter in phongap build?
                Mahmoud Abduljawad Level 1

                The problem is with the building not with the app. so, even if the key is wrong the app has to build. could you build an app using the few lines i posted?

                here's my full config.xml. can you please try to build it and report the results if you don't mind.

                 

                <?xml version='1.0' encoding='utf-8'?>

                <widget id="com.company.myapp version="1.0.3" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">

                    <name>My App Name</name>

                    <description>

                        My app Desc.

                    </description>

                    <author email="myemail@masaar.com href="http://masaar.com">

                        My Team

                    </author>

                    <content src="index.html" />

                    <preference name="DisallowOverscroll" value="true" />

                    <preference name="android-minSdkVersion" value="14" />

                    <plugin name="cordova-plugin-battery-status" source="npm" spec="~1.1.1" />

                    <plugin name="cordova-plugin-camera" source="npm" spec="~2.1.1" />

                    <plugin name="cordova-plugin-media-capture" source="npm" spec="~1.2.0" />

                    <plugin name="cordova-plugin-console" source="npm" spec="~1.0.2" />

                    <plugin name="cordova-plugin-contacts" source="npm" spec="~2.0.1" />

                    <plugin name="cordova-plugin-device" source="npm" spec="~1.1.1" />

                    <plugin name="cordova-plugin-device-motion" source="npm" spec="~1.2.0" />

                    <plugin name="cordova-plugin-device-orientation" source="npm" spec="~1.0.2" />

                    <plugin name="cordova-plugin-dialogs" source="npm" spec="~1.2.0" />

                    <plugin name="cordova-plugin-file" source="npm" spec="~4.1.1" />

                    <plugin name="cordova-plugin-file-transfer" source="npm" spec="~1.5.0" />

                    <plugin name="cordova-plugin-geolocation" source="npm" spec="~2.1.0" />

                    <plugin name="cordova-plugin-globalization" source="npm" spec="~1.0.3" />

                    <plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.3.0" />

                    <plugin name="cordova-plugin-media" source="npm" spec="~2.2.0" />

                    <plugin name="cordova-plugin-network-information" source="npm" spec="~1.2.0" />

                    <plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1" />

                    <plugin name="cordova-plugin-statusbar" source="npm" spec="~2.1.2" />

                    <plugin name="cordova-plugin-vibration" source="npm" spec="~2.1.0" />

                    <plugin name="cordova-plugin-whitelist" source="npm" spec="~1.2.1" />

                    <plugin name="cordova-admob" source="npm" spec="~4.1.11" />

                    <plugin name="cordova-plugin-android-permissions" source="npm" spec="~0.10.0" />

                    <plugin name="cordova-plugin-firebase" source="npm" spec="~0.1.9" />

                    <plugin spec="https://github.com/jwall149/cordova-multidex" source="git" />

                    <plugin spec="https://github.com/mapsplugin/cordova-plugin-googlemaps.git" source="git">

                        <param name="API_KEY_FOR_ANDROID" value="ANDROID KEY" />

                        <param name="API_KEY_FOR_IOS" value="IOS KEY" />

                    </plugin>

                    <icon src="icon.png" />

                    <platform name="android">

                        <icon density="ldpi" src="www/res/icon/android/drawable-ldpi-icon.png" />

                        <icon density="mdpi" src="www/res/icon/android/drawable-mdpi-icon.png" />

                        <icon density="hdpi" src="www/res/icon/android/drawable-hdpi-icon.png" />

                        <icon density="xhdpi" src="www/res/icon/android/drawable-xhdpi-icon.png" />

                        <icon density="xxhdpi" src="www/res/icon/android/drawable-xxhdpi-icon.png" />

                        <icon density="xxxhdpi" src="www/res/icon/android/drawable-xxxhdpi-icon.png" />

                        <splash density="land-ldpi" src="www/res/screen/android/drawable-land-ldpi-screen.png" />

                        <splash density="land-mdpi" src="www/res/screen/android/drawable-land-mdpi-screen.png" />

                        <splash density="land-hdpi" src="www/res/screen/android/drawable-land-hdpi-screen.png" />

                        <splash density="land-xhdpi" src="www/res/screen/android/drawable-land-xhdpi-screen.png" />

                        <splash density="land-xxhdpi" src="www/res/screen/android/drawable-land-xxhdpi-screen.png" />

                        <splash density="land-xxxhdpi" src="www/res/screen/android/drawable-land-xxxhdpi-screen.png" />

                        <splash density="port-ldpi" src="www/res/screen/android/drawable-port-ldpi-screen.png" />

                        <splash density="port-mdpi" src="www/res/screen/android/drawable-port-mdpi-screen.png" />

                        <splash density="port-hdpi" src="www/res/screen/android/drawable-port-hdpi-screen.png" />

                        <splash density="port-xhdpi" src="www/res/screen/android/drawable-port-xhdpi-screen.png" />

                        <splash density="port-xxhdpi" src="www/res/screen/android/drawable-port-xxhdpi-screen.png" />

                        <splash density="port-xxxhdpi" src="www/res/screen/android/drawable-port-xxxhdpi-screen.png" />

                    </platform>

                    <platform name="ios">

                        <icon height="57" platform="ios" src="www/res/icon/ios/icon.png" width="57" />

                        <icon height="114" platform="ios" src="www/res/icon/ios/icon@2x.png" width="114" />

                        <icon height="40" platform="ios" src="www/res/icon/ios/icon-40.png" width="40" />

                        <icon height="80" platform="ios" src="www/res/icon/ios/icon-40@2x.png" width="80" />

                        <icon height="50" platform="ios" src="www/res/icon/ios/icon-50.png" width="50" />

                        <icon height="100" platform="ios" src="www/res/icon/ios/icon-50@2x.png" width="100" />

                        <icon height="60" platform="ios" src="www/res/icon/ios/icon-60.png" width="60" />

                        <icon height="120" platform="ios" src="www/res/icon/ios/icon-60@2x.png" width="120" />

                        <icon height="180" platform="ios" src="www/res/icon/ios/icon-60@3x.png" width="180" />

                        <icon height="72" platform="ios" src="www/res/icon/ios/icon-72.png" width="72" />

                        <icon height="144" platform="ios" src="www/res/icon/ios/icon-72@2x.png" width="144" />

                        <icon height="76" platform="ios" src="www/res/icon/ios/icon-76.png" width="76" />

                        <icon height="152" platform="ios" src="www/res/icon/ios/icon-76@2x.png" width="152" />

                        <icon height="29" platform="ios" src="www/res/icon/ios/icon-small.png" width="29" />

                        <icon height="58" platform="ios" src="www/res/icon/ios/icon-small@2x.png" width="58" />

                        <icon height="87" platform="ios" src="www/res/icon/ios/icon-small@3x.png" width="87" />

                        <splash height="1136" platform="ios" src="www/res/screen/ios/Default-568h@2x~iphone.png" width="640" />

                        <splash height="1334" platform="ios" src="www/res/screen/ios/Default-667h.png" width="750" />

                        <splash height="2208" platform="ios" src="www/res/screen/ios/Default-736h.png" width="1242" />

                        <splash height="1242" platform="ios" src="www/res/screen/ios/Default-Landscape-736h.png" width="2208" />

                        <splash height="1536" platform="ios" src="www/res/screen/ios/Default-Landscape@2x~ipad.png" width="2048" />

                        <splash height="768" platform="ios" src="www/res/screen/ios/Default-Landscape~ipad.png" width="1024" />

                        <splash height="2048" platform="ios" src="www/res/screen/ios/Default-Portrait@2x~ipad.png" width="1536" />

                        <splash height="1024" platform="ios" src="www/res/screen/ios/Default-Portrait~ipad.png" width="768" />

                        <splash height="960" platform="ios" src="www/res/screen/ios/Default@2x~iphone.png" width="640" />

                        <splash height="480" platform="ios" src="www/res/screen/ios/Default~iphone.png" width="320" />

                    </platform>

                    <platform name="wp8">

                        <icon height="99" platform="wp8" src="www/res/icon/wp8/ApplicationIcon.png" width="99" />

                        <icon height="159" platform="wp8" src="www/res/icon/wp8/Background.png" width="159" />

                        <splash height="1280" platform="wp8" src="www/res/screen/wp8/screen-portrait.jpg" width="768" />

                    </platform>

                    <platform name="windows">

                        <icon height="150" platform="windows" src="www/res/icon/windows/Square150x150Logo.scale-100.png" width="150" />

                        <icon height="30" platform="windows" src="www/res/icon/windows/Square30x30Logo.scale-100.png" width="30" />

                        <icon height="50" platform="windows" src="www/res/icon/windows/StoreLogo.scale-100.png" width="50" />

                        <splash height="300" platform="windows" src="www/res/screen/windows/SplashScreen.scale-100.png" width="620" />

                        <icon height="120" platform="windows" src="www/res/icon/windows/StoreLogo.scale-240.png" width="120" />

                        <icon height="44" platform="windows" src="www/res/icon/windows/Square44x44Logo.scale-100.png" width="44" />

                        <icon height="106" platform="windows" src="www/res/icon/windows/Square44x44Logo.scale-240.png" width="106" />

                        <icon height="70" platform="windows" src="www/res/icon/windows/Square70x70Logo.scale-100.png" width="70" />

                        <icon height="71" platform="windows" src="www/res/icon/windows/Square71x71Logo.scale-100.png" width="71" />

                        <icon height="170" platform="windows" src="www/res/icon/windows/Square71x71Logo.scale-240.png" width="170" />

                        <icon height="360" platform="windows" src="www/res/icon/windows/Square150x150Logo.scale-240.png" width="360" />

                        <icon height="310" platform="windows" src="www/res/icon/windows/Square310x310Logo.scale-100.png" width="310" />

                        <icon height="150" platform="windows" src="www/res/icon/windows/Wide310x150Logo.scale-100.png" width="310" />

                        <icon height="360" platform="windows" src="www/res/icon/windows/Wide310x150Logo.scale-240.png" width="744" />

                        <splash height="1920" platform="windows" src="www/res/screen/windows/SplashScreenPhone.scale-240.png" width="1152" />

                    </platform>

                    <access origin="*" />

                    <allow-intent href="http://*/*" />

                    <allow-intent href="https://*/*" />

                    <allow-intent href="tel:*" />

                    <allow-intent href="sms:*" />

                    <allow-intent href="mailto:*" />

                    <allow-intent href="geo:*" />

                    <platform name="android">

                        <allow-intent href="market:*" />

                    </platform>

                    <platform name="ios">

                        <allow-intent href="itms:*" />

                        <allow-intent href="itms-apps:*" />

                    </platform>

                </widget>

                • 6. Re: cordova-google-maps plugin - How to declare plugin parameter in phongap build?
                  VectorP Level 4

                  Just wondering: the alternative plugins at npm for this feature require the gradle build engine. Wouldn't this one also require gradle? If so, you might want to give it a try.

                   

                  BTW:

                  <splash density="land-hdpi" src="www/res/screen/android/drawable-land-hdpi-screen.png" />

                  will not show the proper splash screen. Use the 'qualifier' attribute instead of 'density'.

                  • 7. Re: cordova-google-maps plugin - How to declare plugin parameter in phongap build?
                    Mahmoud Abduljawad Level 1

                    alright! i think i found what's wrong!

                    the params feature doesn't work with the plugin if the source is git. this seems to be a bug. i tried the outdated npm version of the same googlemaps plugin and the app builds now.

                    can you please find out whether this is something that can be resolved.

                    besides. after getting the app to be installed i'm unable to get the map to work in the app. i need to check whether this has to do with other factors than the param thing.

                    1 person found this helpful
                    • 8. Re: cordova-google-maps plugin - How to declare plugin parameter in phongap build?
                      vangroover Adobe Employee

                      good catch! was able to reproduce, and pushed a fix to production now. git plugins should now get their  params / variables just like other real plugins.

                      1 person found this helpful
                      • 9. Re: cordova-google-maps plugin - How to declare plugin parameter in phongap build?
                        Mahmoud Abduljawad Level 1

                        Thank you for that.

                        I hope this can be resolved soon.