Apphive Docs
Apphive Documentación ( English)
Apphive Documentación ( English)
  • 👋Welcome to Apphive
  • First steps
    • 🔍Apphive
      • Start with a template
      • Start from the beginning
    • 📐Apphive editor
      • Work with containers
      • Responsive design
      • Lateral Menu
    • 📱Apphive Previewer
      • IOS App Preview
      • Android App Preview
    • 🤖Apphive AI
  • Elements
    • 🎮Controls
      • Container
      • Swiper
      • Field
      • Text
      • Button
      • Switch
      • Picker
      • Radio
      • Slider
      • Image
      • Camenra View
      • Map
      • Web View
      • Calendar
      • Icon
      • Video View
      • Graphic View
    • ⚙️Functions
      • 🕹️Controls
        • Generate swiper content
        • Iterate children
        • Modify Control
        • Toogle side menu
        • Add collection to UI
        • Toogle bottom menu sheet
        • Toogle page loading
        • Trigger Event
        • Set palette colors
        • Bubble
        • Show image viewer
      • 👨‍👩‍👧Users
        • Change my password
        • Forget Password
        • Get All Users
        • Get App Users
        • Get User Other App
        • Get Data From Other User
        • Is Logged In?
        • Login
        • Login With Facebook
        • Login With Google
        • Login with apple
        • Logout
        • Set other user custom data
        • Set user custom data
        • Sign Up
        • Update AuthInfo
        • Update data from other user
        • Is Current User Email Verified?
        • Send Email Verification
      • 📀Cloud database
        • Delete database data
        • Get Database Data
        • Save data in DB
        • Upload file
      • 💿Local database
        • Delete all local Data
        • Delete local storage data
        • Get local storage data
        • Set app value
        • Set data DB direct
        • Save local storage data
        • Set page Value
      • ⛓️Logic
        • Arithmetic Operation
        • Array from object
        • Based on current OS
        • Chronometer
        • Concat
        • Conditional
        • debounce
        • forEach
        • Global Formater
        • Value is invalid
        • Object keys
        • Generate Random Numer
        • Range Iteration
        • Regex Test
        • Search in Object
        • Set interval
        • Set timeout
        • Stop set interval
        • Switch
        • Generate uuid v1
      • 🔔Notifications
        • Confirmation alert
        • Input dialog
        • Send Alert
        • Toast notification
      • 📲Phone APIs
        • dismissKeyboard
        • Open phone settings
        • Get connection type
        • GetDeviceInfo
        • Print remote PDF
        • Get Screen Dimentions
        • Is audio playing
        • Make a call
        • Open calendar
        • Ope geo map
        • Open Url
        • Open WhatsApp
        • Pause playing audio
        • Barcode Read
        • read QR code
        • Read SMS (Android)
        • Set Audio Time
        • Share
        • Show file browser
        • Start playing audio
        • Start Recording audio
        • Stop playing audio
        • Stop Recording Audio
        • Take a photo
        • Take a video
        • Vibration phone
        • Resize Image
        • UxCam Record
        • Avoid Suspension
        • Copy clipboard
        • Download file
        • Launch App Review
        • Launch App Update
        • Biometric auth
      • 🗺️Geolocalization
        • Get All fire geolocation
        • Get fire geolocation
        • GeoFire listen item
        • Query fire geolocation
        • Query all fire geolocation
        • Remove fire geolocation
        • Set fire geolocation
        • geoFireSetMultiple
        • Geocoding
        • Get distance
        • Get geolocation
        • Start geolocation tracking
        • Stop geolocation tracking
        • Start geolocation tracking http
        • Coordinate Inside Poligon
      • 💬Push Notifications
        • Request Permission
        • Push Notifications Cancel All
        • Send push
        • Open Remote
        • permissionRequestRemote
      • 🪙AdMob
        • Interstitial Ads
      • 📈Google Analytics
        • Log Event
      • 🚗Navigation
        • Return to last screen
        • Push screen
        • replaceTopPage
        • Replace screen
      • 💵Paymentes
        • inAppPurchaseGetHistory
        • inAppPurchase
        • payUsingAppleWallet
    • 🗄️Database
    • 📲Variables menu
      • Context Data
      • ListContext
      • PreviusOutputs
      • Color value
      • EventOutput
      • Auth
      • Complex
      • Controls
      • General
    • ⌨️Keyboard shortcuts
    • 🔩App processes
      • Params (WebApps)
    • 📠API Functions
  • Compilations and upload to stores
    • ⚙️Settings
      • Change splash screen
      • Get google api key
      • 🔥Firebase
        • Create account in firebase
        • Switch to plan blaze
        • Get realtime database url
        • Get realtime storage url
        • Get services accounts.
        • Enable functions
        • Enable authentications
      • 📘Facebook Developers
        • Facebook for developers
    • 👾Android
      • Compilation
        • Request Apk and Abb in Apphive
        • Download Apk and Aab files
      • Publication
        • Get a developer account in Google Play Store
        • Publish your app in Play Store
        • Background location
      • Settinggs after publishing
        • Log In with Gmail after publishing
        • Log In with Facebook after publishing
        • Copy the database and develop users to Firebase
      • Update app in play store
        • Update version on Play Store
    • 🍎IOS
      • Previous settings
        • Get a Unlimited plan
        • Request iOS permissions
      • Developer account
        • Get a developer account
      • Compilate version on testflight
        • Create a contanier in App Store and generate Testflight version
      • IOS settings in firebase
        • Enable push notifications in Firebase
        • Enable login with Apple record in Firebase
      • Publish in app store
        • Select app to review
        • Take screenshots to publish in App Store
        • Fill the App Store form
      • Updates
        • Update your app in App Store
    • 💻WebApp
      • 💻Domains
      • 💻SubDomine
      • 💻Logins
        • 📡Google
        • ⌨️Facebook
      • 💻Vapid public key
    • ❌Compilation errors
      • Error code: 01
      • Error code: 03
      • Error code: 04
      • Error code: 07
      • Error code: 09
      • Error code: 10
      • Error code: 11
      • Error code: 12
      • Error code: 14
      • Error code: 17
      • Error code: 18
      • Error code: 20
      • Error code: 22
      • Error code: 1039
  • Pricing
    • 💰Subscriptions
      • Get a Premium or Unlimited subscription
  • Resources
    • 📕Others
    • 📘Glossary
    • ❓FAQs
    • 🆘Support
Powered by GitBook
On this page

Was this helpful?

  1. Compilations and upload to stores
  2. Settings

Get google api key

In this tutorial, we will guide you step by step to learn how to obtain the Google API key and activate geolocation services.

PreviousChange splash screenNextFirebase

Last updated 2 years ago

Was this helpful?

step 1 : Access Google Maps Platform at:

Step 2 : Scroll down until you find the section "Create API keys".

Step 3: Click on the blue button "Go to the Credentials page".

Step 4: Sometimes, you will be asked to select the account you want to use to sign in. Choose the account with which you want to obtain your API key.

Step 5 : Enter your password and click on "Next".

Step 6 : If your account is new, you will be shown a welcome screen asking you to select your country, accept the terms and conditions, and choose whether you want to receive updates or information to your email.

Step 5: This will take you to your dashboard in the APIs section. If it's your first time accessing it, you'll be asked to select a project. If you already have projects created in Firebase, you'll be prompted to choose one. Otherwise, you'll be asked to create a new one.

Step 7: We will create a new project by clicking on the "Create Project" option on the top right-hand side. If you already have a project, you can skip to step 10.

Step 8 : To create a new project, you will be asked to provide the following information: If you already have projects created previously, you will be asked to assign a billing account to it, as shown in image (A). If you don't have any previous projects, it will only ask you for the information shown in image (B). Here's what to enter in each option:

  • Project name: Enter the name you want to assign to your project to identify it more easily in the future.

  • Billing account: Select a payment account. If you don't have one, you will need to create it.

  • Organization: Enter your organization's domain. If you don't have one, don't worry, it's not mandatory. Google will assign a default one for you.

Step 9: If we don't have billing associated with our project, it is mandatory to have a payment method assigned, as Google provides a free tier of $200 per month, which is sufficient for your development environment and for the launch once in production. However, when exceeding this free tier, charges will be incurred. Therefore, we will navigate to the top-left menu icon and select the billing option.

Step 10: Go to the Link a Billing Account option and click.

Step 11: If you don't have a billing account, you will see an alert indicating that you need to create one to associate it with your project. Click on "Create billing account".

Step 12: You will be asked for the following information: country, what best describes your organization or needs, and to accept the terms of service.

Step 13: In the next step, you will be asked for your user information, requesting the following information: account type (business or individual). We recommend selecting business. Then, they will ask you for information such as the name of your business, your name, and address if you selected business. Otherwise, if you selected individual, they will only ask for your name and address.

Step 14: At the bottom of the form, you will be asked to enter your contact information, such as your name, phone number (optional), and email. They will show you the payment schedule, in this case, the charges are on the first of each month if you have exceeded the free tier. Finally, they will ask for your payment information where you must enter your payment details.

Step 15: At the end, you will be asked to complete a short survey about your interests in the platform with 3 questions. After filling it out, click on "Done".

Step 16: Once again, we go to the top left menu icon and navigate to the option "APIs & Services." A small menu will appear, and we will select "Credentials."

Step 17: Once inside, we will select the "+ CREATE CREDENTIALS" option located in the top bar of our screen below the search bar.

Step 18: Select the "API key" option.

Step 19: Our API key will be generated and we must copy it to later paste it in our Apphive app dashboard.

Step 20: Now, we navigate to the left-hand side menu and select the "Library" option.

Step 21: Once inside, navigate to the Maps section and select Maps SDK for Android.

Step 22: The service details will be displayed, here we need to activate it by clicking on the "Enable" button.

Step 23: On the screen, you will see two sections: "Enabled APIs" (your active services) and "Additional APIs" (other services you can activate). In the first section, you can see your active services, such as the Maps SDK for Android that we activated in the previous step. Now, you must select each of the additional services and activate them by clicking on each one of them, repeating step 22, to have all the functionalities active.

⚙️
https://developers.google.com/maps/documentation/javascript/get-api-key
(A)
(B)