e.preventDefault(); // Prevent form submission input.blur(); // remove focus input.value = ""; // optional: clear the input

Integration of Google Places search API in Node JS

Introduction

If you want to add place search and want to display places on Google map using NodeJS then you are at the right place.

Google provides a feature of searching places based on the latitude and longitude or we can say location. Google gives Places API Requests, NearBy Search API Requests to search place information like shops, hospitals, Grocery stores, Petrol pumps, Restaurants nearby you.

Following are the key points which are required when you search for any place:

  • Radius
  • Location (Latitude and Longitude)
  • Place’s name / Category of place’s name like Restaurant

Type of APIs and its usage

Steps to Calling APIs

First Step: Get API key for Google Places API

  • Create Google Developer Account and add project
  • Enable Billing Account
  • Enable Places API
  • Go to Google Cloud Console
  • Go to the project from the projects dropdown
  • Go to API and Services and then Credentials Page
  • Hit the Create Credential button
  • Hit the API Key button
  • In pop up, you can view the API Key
  • That’s it, in the API URL start passing your API Key to make it work. You can call any places API with this API Key from the Postman tool.

Clients Available

  • NodeJS – https://github.com/googlemaps/google-maps-services-js
  • Java – https://github.com/googlemaps/google-maps-services-java
  • Python – https://github.com/googlemaps/google-maps-services-python
  • Go – https://github.com/googlemaps/google-maps-services-go
  • ObjectiveC – https://github.com/google/google-api-objectivec-client-for-rest
  • GoogleAPI Java – https://developers.google.com/api-client-library/java/google-api-java-client/dev-guide

Conclusion

To search the places by location and search string we can use Google’s Place APIs. It has different options and APIs based on the requirement we can consume them directly by generating the API key. We can have data in both JSON and XML format. It is easy to integrate and nice to have for any requirement where we need to display places in our application.

Related Posts

Latest Posts

  • All Posts
  • Generative AI
  • manufacturing
  • News
  • Portfolio
    •   Back
    • Android
    • iOS
    • Java
    • PHP
    • MEAN
    • Ruby
    • DotNet
    • IoT
    • Cloud
    • Testing
    • Roku
    • CMS
    • Python

India

Plot No. 11/2, Phase 3, Hinjewadi Rajiv Gandhi Infotech Park, Pune, India – 411057.
info@tudip.com
+91-96-8990-0537

United States

1999 S. Bascom Ave Suite 700, Campbell CA. 95008, USA.
info@tudip.com
+1-408-216-8162

Canada

64 Caracas Road North York, Toronto Ontario M2K 1B1, Canada.
info@tudip.com

Mexico

Calle Amado Nervo #785 Interior B Colonia Ladron De Guevara 44600 Guadalajara, Jalisco, Mexico.
info@tudip.com

Colombia

Cra. 9 # 113-53 Of. 1405 Bogotá D.C., Colombia.
info@tudip.com

UAE

Tudip Information Technologies L.L.C Office No 109, ABU HAIL BUILDING 13, Abu Hail, Dubai, UAE.
info@tudip.com

Nigeria

22 Kumasi Crescent, Wuse 2, Abuja, Nigeria.
info@tudip.com