CODEWITHSUNDEEP
google-maps-api-3
Moak
Moak

Reputation: 12885

hide local listings from google maps api

When using google maps api to display something google has started adding local restaurants/hotels into the map. How can I hide them from appearing. I checked the same locations on sites that use maps (like yelp) and they successfully hide the local hotels/restaurants. I've been looking for layers/overlays but can't figure out how I remove this default behavior.

example These things These things are appearing on my maps. is it possible to hide these bubbles and names?

edit https://developers.google.com/maps/documentation/javascript/releases#36 says that 3.6 introduces business icons on by default. So setting v=3.5 as a parameter will hide the "Business icons".

bounty Is there a way of hiding the business messages without sticking with an older version of the api?

Upvotes: 54

Views: 55892

Answers (2)

Elise Chant
Elise Chant

Reputation: 5196

On Google Static Maps the same can be achieved by appending to the url:

&style=feature:poi|element:labels|visibility:off

For added nuance, here is a link to the related documentation https://developers.google.com/maps/documentation/maps-static/styling#style-syntax.

Upvotes: 0

slawekwin
slawekwin

Reputation: 6310

you can set them invisible by setting the map style properly. See

http://code.google.com/apis/maps/documentation/javascript/styling.html

and

http://code.google.com/intl/pl/apis/maps/documentation/javascript/reference.html#MapTypeStyleFeatureType

sth like that should do the trick (though not tested):

var noPoi = [
{
    featureType: "poi",
    stylers: [
      { visibility: "off" }
    ]   
  }
];

map.setOptions({styles: noPoi});

Upvotes: 131

Related Questions