Category: Google API

Angular 7/6 | Add Google Maps with Location Search in Angular 2 plus Applications using Angular Google Maps Module (@agm/core) Easily

Supported from Angular 2 to latest version 7

Google maps are used in many applications as a location with visible maps pays an important role to make information more user-friendly. Embedded Maps can display markers of location or enable visual selection of address or show geographical location reviews etc.

In this post, we will add Google Maps in an Angular project using Angular Google Maps module. Adding/ Embedding Google Maps in an Angular project becomes very easy by using this module. Here we will explain step by step tutorial to make it even more easy with a new sample Angular project using latest CLI current version 7.3.8

Continue reading Angular 7/6 | Add Google Maps with Location Search in Angular 2 plus Applications using Angular Google Maps Module (@agm/core) Easily

Embed Google Maps with Multiple Markers and InfoWindows / Info Popups Open on Click or Mouse Hover

Google Maps provide in-depth information each and every street on earth, it proves a good way to show your location or multiple locations on Google Map and not only this, but we can also embed this Map with Multiple Markers and Info Windows to show Information on Click or Hover.

Continue reading Embed Google Maps with Multiple Markers and InfoWindows / Info Popups Open on Click or Mouse Hover

Add reCAPTCHA v2 and Form Validation using Custom jQuery

In this post, we will create a form having custom validation for required fields using jQuery. This custom form will also have reCAPTCHA v2 of Google to verify if the user is a bot or real person.

Continue reading Add reCAPTCHA v2 and Form Validation using Custom jQuery

Ionic 3/4 | Adding Google Maps SDK Cordova Plugin in Ionic 4 Application

As we have already discussed How to Add Google Maps using JavaScript API in Ionic Applications, in this post we will implement Google Maps Cordova plugin using SDK. In comparison to JavaScript API Native SDK, Google Maps are more fast and efficient in terms of performance in mobile applications. Ionic Native Google Maps have more features which we can implement in a fully featured mobile application with Google Maps like in Native Android or IOS applications. We can easily implement following in Google Maps using this Native Cordova plugin.

Continue reading Ionic 3/4 | Adding Google Maps SDK Cordova Plugin in Ionic 4 Application

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

In the previous post, we discussed how to get location coordinates using Geolocation and then converting those coordinates into understandable addresses. But adding a map in a mobile application really adds much value making it more useful and interactive. Google Map API can be used to add fully featured maps anywhere, In this post, we will implement Maps in Ionic 4 Application and also use Geolocation and Geocoder plugin to fetch device location then fetch Address available for those coordinates we get.

Continue reading Ionic 4 | Add Google Maps JavaScript API, Geolocation and Geocoder in Ionic 4 Native Application

YouTube DATA V3 API Sample API GET URL

Here I am going to share a sample of YouTube Data V3 API Sample get URL. Google provides this YouTube Data API to fetch information about YouTube, this workes with a KEY which you need to add in GET URL to make it fetch requested Information.

Continue reading YouTube DATA V3 API Sample API GET URL

YouTube Data API v3 1M Units Limits Explained!

When we come across a term Quota in a Google API, it makes a strange feeling and buzz around many Questions like

What if I exceed this limit?

Will Google ask for money if my Qauta exceeds?

What is the meaning of these limits when I use Key in an API?

Now If you want to use any of Google API service like Google Maps, Youtube etc from their thousands of available API’s, you need a Key. This key will monitor, protect, limit your API service usage.

Continue reading YouTube Data API v3 1M Units Limits Explained!

How to Add Google reCAPTCHA in PHP form

This is a really quick tutorial to add Google reCAPTCHA in a PHP form. reCAPTCHA is used to prevent spam or autonomous illegal activities on your website, which can result in overuse of the bandwidth of your server fill your databases with junk data.

Here we will discuss v2 of Google reCAPTCHA.

Continue reading How to Add Google reCAPTCHA in PHP form