Ionic 4 – Get Device Latitude, Longitude and Address using Geolocation and Native Geocoder Services in Ionic 3 Native Application

previously we implemented Geolocation and Geocoder plugins in Ionic 3 application, In this post, we will create an application in latest Ionic version 4 beta. Using Geolocation service we can get Lattitude, Longitude, Accuracy of location, Speed, Altitude etc of the device. After that Latitude and Longitude can be used to get Addresses available on these coordinates. To fetch address from coordinates of the device, we use Geocoder service.

Continue reading Ionic 4 – Get Device Latitude, Longitude and Address using Geolocation and Native Geocoder Services in Ionic 3 Native Application

Ionic 3 – Get Device Latitude, Longitude and Address using Geolocation and Native Geocoder Services in Ionic 3 Native Application

In this post, we will implement Geolocation and Geocoder plugins in Ionic 3 application. Using Geolocation service we can get Lattitude, Longitude, Accuracy of location, Speed, Altitude etc of the device. After that Latitude and Longitude can be used to get Addresses available on these coordinates. To fetch address from coordinates of the device, we use Geocoder service.

Continue reading Ionic 3 – Get Device Latitude, Longitude and Address using Geolocation and Native Geocoder Services in Ionic 3 Native Application

Use Native Device Camera in Ionic 3 Application

In this tutorial, we will create an Ionic 3 application to demonstrate the usage of Native Camera feature with the help of Cordova and Ionic Native Plugins wrappers.

Continue reading Use Native Device Camera in Ionic 3 Application

Ionic 4 – Add Barcode/ QR Code Scanner/ Encoder Ionic 4 Native Plugin

In this tutorial, we will implement a Barcode or QR Scanner / Encoder plugin in Ionic 4 application. Barcodes and QR codes are widely used for multiple purposes like to add a link where a user doesn’t need to type the whole URL it can be easily scanned from a QR code. Barcodes can also be seen everywhere on the day to day items like eatables clothes etc, we can wimple scan these barcodes to get information like item code date of manufacturing, prices etc.

Continue reading Ionic 4 – Add Barcode/ QR Code Scanner/ Encoder Ionic 4 Native Plugin

Ionic 3 – Integrate AdMob Plus an Update of AdMob Free in Ionic 3 Applications

AdMob Plus is a Cordova plugin to use Google AdMob in hybrid applications like Ionic. AdMob Plus is developed by same developer Ratson who previously developed and maintained AdMob Free plugin. Ratson wanted to create an AdMob plugin with no ad sharing, as most of the plugin do, they take a part of the revenue from developer earning when they cross a certain threshold. But Ratson was interested to develop an open source project where a developer can use AdMob without any risk of revenue sharing.

Continue reading Ionic 3 – Integrate AdMob Plus an Update of AdMob Free in Ionic 3 Applications

Ionic 3 Toast Not Hiding Issue using Toast Controller Workaround!

Ionic 3 provides Toast Controller using which we can have close enough toasts like native applications. Toasts prove very helpful in making user interfaces more friendly, we can alert users for small information like data processing, please wait, It’s Done! like messages.

Continue reading Ionic 3 Toast Not Hiding Issue using Toast Controller Workaround!

AngularJS – Image Crop Directive with Resize in Angular 1.x

Many web application has a feature to upload media including images, this can be for any purpose like Uploading some document, uploading screenshots, Updating profile images. To provide a user-friendly interface for uploading we can add an Image crop tool on the client side so that user can crop the desired portion of Images to be uploaded. On another side, it also helps in reducing disk space occupied by images as cropped images have lesser size.

Continue reading AngularJS – Image Crop Directive with Resize in Angular 1.x

Ionic 3 – Create Swipeable/ Draggable Tab Pages Application in Ionic 3

Like we see in popular applications like Instagram, we usually have different views which can be easily swiped or dragged right to left to change the view. Today we will implement same user interface having swipeable pages instead of tradition Tap to Change scenario.

Continue reading Ionic 3 – Create Swipeable/ Draggable Tab Pages Application in Ionic 3

Chrome Update 70.XX – AngularJS ng-value not working properly

In one of our older application using AngularJS 1.5.8 version faced an issue today after getting latest update Chrome Browser to 70.x, In a place I used

Continue reading Chrome Update 70.XX – AngularJS ng-value not working properly

Ionic 3- Resolve! Failed to install ‘cordova-plugin-admob-free’: Error: Variable(s) missing: ADMOB_APP_ID

Here we will discuss an issue faced during the platform build of Ionic 3 application, having an AdMob Free plugin. You can see that error below, this issue comes when we don’t add AdMob app id in an application using AdMob Free Ionic 3 native Plugin.

Continue reading Ionic 3- Resolve! Failed to install ‘cordova-plugin-admob-free’: Error: Variable(s) missing: ADMOB_APP_ID