Using Google Maps Places library with checkboxes

Hello Folks,
Im new with the js and GMpas coding, so please apologize my beginner level.

So Basically I want to use the GMaps Places library with check boxes and have something similar to this eg Marker categories

But instead of reading the data from a XML file to display the marker I want to use the Places library.
How can I do that ? please any help would be much appropriated

Thanks for your help and sorry for my English

// Read the data
      downloadUrl("categories.xml", function(doc) {
  var xml = xmlParse(doc);
  var markers = xml.documentElement.getElementsByTagName("marker");

        for (var i = 0; i < markers.length; i++) {
          // obtain the attribues of each marker
          var lat = parseFloat(markers[i].getAttribute("lat"));
          var lng = parseFloat(markers[i].getAttribute("lng"));
          var point = new google.maps.LatLng(lat,lng);
          var address = markers[i].getAttribute("address");
          var name = markers[i].getAttribute("name");
          var html = "<b>"+name+"<\\/b><p>"+address;
          var category = markers[i].getAttribute("category");
          // create the marker
          var marker = createMarker(point,name,html,category);

        // == show or hide the categories initially ==
        // == create the initial sidebar ==