Google

Angular + Firebase – Single or Multiple File Upload Drop or File Select

In this tutorial, we will be discussing how to implement file upload in an Angular application using Firebase as the backend. We will be covering both single and multiple file uploads, as well as the ability to upload files via drag-and-drop or by selecting them through a file dialog. We will be using the AngularFire2 …

Angular + Firebase – Single or Multiple File Upload Drop or File Select Read More »

Google Maps in React with Places Search Bar, Draggable Multiple Marker using google-map-react

In this React tutorial, we’re going to embed a Google Map with advanced feature components like Draggable Marker, Fetch Address of current point using Geocoder and Place search, or Autocomplete in React application by using a widely used and popular third-party package name google-map-react. Google Maps javascript API provides a number of methods and features …

Google Maps in React with Places Search Bar, Draggable Multiple Marker using google-map-react Read More »

Resolve! Google Authentication Codes Saying Invalid Code for Two Way Authentication

In one of my online account, I am using Google Authenticator based two-way authentication. But surprisingly when I logged in my account and put the Google Authenticator code it said: “Invalid Code Entered!” I was shocked to see how this could happen a few days back I logged in that. In a fraction of seconds, …

Resolve! Google Authentication Codes Saying Invalid Code for Two Way Authentication Read More »

Angular Google Maps | Draggable Radius Circle to show Markers using @agm Tutorial

Google Maps can be easily implemented in an Angular project using the @agm package as we have already discussed here. In this tutorial, we will focus on adding a Circle Radius in the map to limit the markers shown to the user. A user can control up to how far the markers/ locations should be …

Angular Google Maps | Draggable Radius Circle to show Markers using @agm Tutorial Read More »

Angular Google Maps in Modal | Autocomplete & Select Location, Latitude, Longitude, Address

Compatible from Angular 2 to latest version 9 Angular Google Maps package provides fully featured integration of Javascript-based Google Maps in Angular Applications. Here we will discuss how to: Install Google Maps and Add API Keys Add Dynamic Google Maps in a Component Add Location Search Filter Draggable Marker Zoom Control Get Lattitude and Longitude …

Angular Google Maps in Modal | Autocomplete & Select Location, Latitude, Longitude, Address Read More »

Ionic 4 Adding Google Analytics Example – Using Ionic Native Plugin

Google Analytic is very popular among Web applications to track various parameters like traffic analysis based on demography, event activity, content-based analysis etc. We have already discussed How to integrate Google Analytics in Ionic 3 application. Google Analytic provides use dashboards to view real-time traffic on Web Applications. In this post, we will discuss on …

Ionic 4 Adding Google Analytics Example – Using Ionic Native Plugin Read More »

Add Google Analytics in Ionic 3 Application using Cordova and Ionic Native Plugin

Google Analytics is a tried and tested tool which helps to track user activity in a number of ways. We can get information on wide variety of categories like most pages a user entered or left, how much time they spent, from where they came, by which means they landed etc, not only this but …

Add Google Analytics in Ionic 3 Application using Cordova and Ionic Native Plugin Read More »

Ionic 5|4 Google Maps JavaScript API, Geolocation, Geocoder in Ionic Native Application

In this Ionic 5 tutorial, we’ll implement Google Maps using Javascript API library and display current position with a location marker and address of the location. To build Google Maps in Ionic 5 application we’ll use Geolocation and Geocoder plugins to locate current coordinates and address. In the previous post, we discussed how to get …

Ionic 5|4 Google Maps JavaScript API, Geolocation, Geocoder in Ionic Native Application Read More »

Scroll to Top