search

Using Google Place API

Comments:
Likes:
Shares:
Best Division

Best Division  @bestdivision

Published On - Last Updated -

Using Google Place API

Google Places API allows you to query for place information on a variety of categories, such as establishments, prominent points of interest, geographic locations, and more. Here's how to use it:

Get an API key: Go to the Google Cloud Console (https://console.cloud.google.com/), create a new project, and enable the Google Places API for Web. You'll need to create an API key to use the API.

Include the API in your project: Add the following code to your HTML file to include the Google Places API:

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>
  1. Create a Google Map: Add a Google Map to your HTML file by adding the following code:
<div id="map" style="height:400px;width:100%;"></div>
  1. Initialize the Google Map and the Places Service: Add the following JavaScript code to initialize the Google Map and the Places Service:
var map;
var service;
var infowindow;

function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 37.7749, lng: -122.4194},
    zoom: 15
  });

  var request = {
    query: 'Google',
    fields: ['name', 'geometry'],
  };

  service = new google.maps.places.PlacesService(map);

  service.findPlaceFromQuery(request, function(results, status) {
    if (status === google.maps.places.PlacesServiceStatus.OK) {
      for (var i = 0; i < results.length; i++) {
        createMarker(results[i]);
      }

      map.setCenter(results[0].geometry.location);
    }
  });
}

function createMarker(place) {
  var marker = new google.maps.Marker({
    map: map,
    position: place.geometry.location
  });

  google.maps.event.addListener(marker, 'click', function() {
    if (!infowindow) {
      infowindow = new google.maps.InfoWindow();
    }

    infowindow.setContent(place.name);
    infowindow.open(map, this);
  });
}
  1. Test the API: Load your HTML file in a web browser and test the API by checking if markers are displayed on the map for the places you searched for.

This is just a basic example of how you can use the Google Places API. You can expand on this code to add more functionality, such as searching for specific categories of places, displaying more information about each place, or allowing the user to search for places in a specific location.

Similar Blogs
0 Commentssort Sort By

@abcd 1 days ago

Aquí los que apoyamos a Los del limit desde sus inicios..

dislike
reply
sdfsdf