Comment filtrer Google map

Question

Je travaille avec google map et je voudrais cacher si c'est possible le restaurant et l'hôtel de ma carte. Donc, ma question est de savoir comment éliminer ou appliquer un filtre pour cacher les points de restaurant et d'hôtels dans google map api.

Merci à tous. éditer.

<script> 
    function writeAddressName(latLng) { 
    var geocoder = new google.maps.Geocoder(); 
    geocoder.geocode({ 
     "location": latLng 
    }, 
    function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) 
     document.getElementById("address").innerHTML = results[0].formatted_address; 
     else 
     document.getElementById("error").innerHTML += "Unable to retrieve your address" + "<br />"; 
    }); 
    } 


    function geolocationSuccess(position) { 
    var userLatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
    writeAddressName(userLatLng); 

    $(document).ready(function(){ 
var styles = [ 
    { 
     stylers: [ 
      { hue: "#00ffe6" }, 
      { saturation: -20 } 
     ] 
    },{ 
     featureType: "road", 
     elementType: "geometry", 
     stylers: [ 
      { lightness: 100 }, 
      { visibility: "simplified" } 
     ] 
    },{ 
     featureType: "road", 
     elementType: "labels", 
     stylers: [ 
      { visibility: "off" } 
     ] 
    } 
]; 

var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"}); 

// display map 
var mapOptions = { 
    zoom: 11, 
    center: userLatLng , 
    mapTypeControlOptions: { 
     mapTypeIds: [google.maps.MapTypeId.ROADMAP,'map_style'] 
    } 
}; 
var map = new google.maps.Map(document.getElementById('map'), mapOptions); 

map.mapTypes.set('map_style', styledMap); 
map.setMapTypeId('map_style', styledMap); 
}); 
    // marker 
    new google.maps.Marker({ 
     map: map_style, 
     position: userLatLng 
    }); 

Answer 1

vous associez styles cacher certains éléments sur la feuille de route par exemple L'indice API que vous recherchez est google.maps.MapTypeStyle: https://developers.google.com/maps/documentation/javascript/reference?hl=en#MapTypeStyle

Des exemples de comment l'utiliser peut être trouvé ici : https://developers.google.com/maps/documentation/javascript/styling

Dans votre cas, le style ressemblerait un peu comme ceci:

{ 
featureType: "poi.business", 
elementType: "labels", 
stylers: [ 
    { visibility: "off" } 
] 
} 

: modifier: exemple de travail se trouvent ici: http://jsfiddle.net/Elak/ndjC8/7/

var styles = [ 
    { 
     stylers: [ 
      { hue: "#00ffe6" }, 
      { saturation: -20 } 
     ] 
    },{ 
     featureType: "road", 
     elementType: "geometry", 
     stylers: [ 
      { lightness: 100 }, 
      { visibility: "simplified" } 
     ] 
    },{ 
     featureType: "road", 
     elementType: "labels", 
     stylers: [ 
      { visibility: "off" } 
     ] 
    } 
]; 

// Create a new StyledMapType object, passing it the array of styles, 
// as well as the name to be displayed on the map type control. 
var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"}); 

// Dessin de la map 
var mapOptions = { 
    zoom: 11, 
    center: new google.maps.LatLng(55.6468, 37.581), 
    mapTypeControlOptions: { 
     mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style'] 
    } 
}; 
var map = new google.maps.Map(document.getElementById('map'), mapOptions); 

//Associate the styled map with the MapTypeId and set it to display. 
map.mapTypes.set('map_style', styledMap); 
map.setMapTypeId('map_style');