Set Up Flutter UI Kit To My Github & VSC
- or -
Post a project like this1619
$30
- Posted:
- Proposals: 5
- Remote
- #2595658
- Awarded
Description
Experience Level: Entry
Setup –––––– code that i bought here https://codecanyon.net/item/flutter-taxi-app/23754111
Extract the source code, you will see the Flutter_taxi_app folder.
Open the code folder in Visual Studio Code.
User Flutter version: Channel stable v1.2.1 or higher
Get Google Map API: My account
Log in to the Google API Manager Console here: https://console.developers.google.com/apis/library
Enable service on https://console.developers.google.com/apis/library?filter=category:maps
Directions API
Distance Matrix API
Maps SDK for Android
Maps SDK for IOS
Click the Library link in the left sidebar
Select the project you created when you created your API Key for WP Google Maps (See the top arrow in the screenshot )
Click the link to the Google Maps Directions API in the listing under Google Maps APIs. (See bottom arrow in screenshot below.)
Click Enable on the Google Maps Directions API window.
Click the Credentials link in the left sidebar
Click the Create credentials to get new API KEY
After acquiring Google Map Api, insert Google Map Api Key to some file:
Androids
android/app/src/main/AndroidManifest.xml
Ios
ios/Runner/AppDelegate.swift
lib/config.dart:
ApiKey: your google map api key my account
language: your language code english
region: your region united kingdom
(Read more documents: https://developers.google.com/places/web-service/search)
Run get packages
flutter packages get
Connect your phone to a computer, or open a simulator and run
flutter clean
flutter run
For ios, you run more commands:
cd ios
pod install
pod update
And run again project
Features ––––––
Flutter Taxi App UI Kit communicates with the Google Maps API Directions Service which receives direction requests and returns an efficient path. The application works on iOS and Android
Draw the shortest path between 2 points on the map
Real-time tracking of driver's location (New)
Filter and display markers around your current location (New)
Select start position and end position directly on the map
Calculate distance, cost, time of the route
25+ Screens
Clean code easy develop
Using Animation Controller
Responsive Design to any all device screen
Easy to Custom layout
Extract the source code, you will see the Flutter_taxi_app folder.
Open the code folder in Visual Studio Code.
User Flutter version: Channel stable v1.2.1 or higher
Get Google Map API: My account
Log in to the Google API Manager Console here: https://console.developers.google.com/apis/library
Enable service on https://console.developers.google.com/apis/library?filter=category:maps
Directions API
Distance Matrix API
Maps SDK for Android
Maps SDK for IOS
Click the Library link in the left sidebar
Select the project you created when you created your API Key for WP Google Maps (See the top arrow in the screenshot )
Click the link to the Google Maps Directions API in the listing under Google Maps APIs. (See bottom arrow in screenshot below.)
Click Enable on the Google Maps Directions API window.
Click the Credentials link in the left sidebar
Click the Create credentials to get new API KEY
After acquiring Google Map Api, insert Google Map Api Key to some file:
Androids
android/app/src/main/AndroidManifest.xml
Ios
ios/Runner/AppDelegate.swift
lib/config.dart:
ApiKey: your google map api key my account
language: your language code english
region: your region united kingdom
(Read more documents: https://developers.google.com/places/web-service/search)
Run get packages
flutter packages get
Connect your phone to a computer, or open a simulator and run
flutter clean
flutter run
For ios, you run more commands:
cd ios
pod install
pod update
And run again project
Features ––––––
Flutter Taxi App UI Kit communicates with the Google Maps API Directions Service which receives direction requests and returns an efficient path. The application works on iOS and Android
Draw the shortest path between 2 points on the map
Real-time tracking of driver's location (New)
Filter and display markers around your current location (New)
Select start position and end position directly on the map
Calculate distance, cost, time of the route
25+ Screens
Clean code easy develop
Using Animation Controller
Responsive Design to any all device screen
Easy to Custom layout
Nick W.
100% (6)Projects Completed
18
Freelancers worked with
6
Projects awarded
16%
Last project
25 Jun 2020
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies