google maps remove interactions with unneeded elements

Question

I am working on application which uses google maps.

When I zoom the map closer, a lot of useless (for the purpose of my app) appears. Here is the example:.

Not only I do not need any of the Casa Salvador, Liquid, Valeria Peluqueros things, they are also interactive (the mouse is changing on hover, you can click and popup appears).

I thought that I can easily disable them through google maps options, where I can disable default user interface and a lot of other things, but I failed to find any option related to my needs.

Does anyone have an idea how to:

• completely remove the elements I listed
• make them visible but not interactive

Answer 1

I have been going through the same problem. 1. To remove them you have apply custom styles to your map.

var styleArray = [
  {
    featureType: "poi.business",
    elementType: "labels",
    stylers: [
      { visibility: "off" }
    ]
  }
];
map.setOptions({styles: styleArray}); 

This will remove all the business labels. For more help: https://developers.google.com/maps/documentation/javascript/styling#creating_a_styledmaptype

2. exactly your answer I guess: http://jsfiddle.net/mrak/dHWVM/

Regards

Suyash