How to fetch and populate backbone model for Google Places JS API?

Posted by code-gijoe on Stack Overflow See other posts from Stack Overflow or by code-gijoe
Published on 2012-11-03T22:56:45Z Indexed on 2012/11/03 23:00 UTC
Read the original article Hit count: 243

I'm implementing a system that require access to Google Places JS API. I've been using rails for most of the project, but now I want to inject a bit of AJAX in one of my views. Basically it is a view that displays places near your location. For this, I'm using the JS API of Google places. A quick workflow would be:

1- The user inputs a text query and hits enter. 2- There is an AJAX call to request data from Google Places API. 3- The successful result is presented to the user.

The problem is primarily in step 2. I want to use backbone for this but when I create a backbone model, it requests to the 'rootURL'. This wouldn't be a problem if the requests to Places was done from the server but it is not.

A place call is done like this:

service = new google.maps.places.PlacesService(map);
service.nearbySearch(request, callback);

Passing a callback function:

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

Is it possible to override the 'fetch' method in backbone model and populate the model with the successful Places result? Is this a bad idea?

© Stack Overflow or respective owner

Related posts about backbone.js

Related posts about google-places-api