So testen Sie Google Maps Ortstyp mit if conditional

Question

Marker für verschiedene Kategorien erstellen und unterschiedliche Markersymbole für verschiedene Ortstypen verwenden.

Was kann in den obigen Code enthalten sein, um zu testen, ob der Ort von verschiedenen Typen ist?

Zum Beispiel mit nur zwei Typen „night_club“ und „Café“ i in dieser Richtung etwas werde:

 function createMarker(place) { 
     var placeLoc = place.geometry.location; 
     var marker = new google.maps.Marker({ 
      map: mapit, 
      position: place.geometry.location, 
      icon: "link-to-icon" 
     }); 
     if (place.type == ['cafe']) { 
      marker.setIcon("link-to-cafe-icon]"); 
     } 
     if (place.type == ['night_club']) { 
      marker.setIcon("link-to-night-club-icon]"); 
     } 
     } 

Oder vielleicht

 function createMarker(place) { 
     var placeLoc = place.geometry.location; 
     if (place.type == ['cafe']) { 
      var marker = new google.maps.Marker({ 
      map: mapit, 
      position: place.geometry.location, 
      icon: "link-to-cafe-icon" 
      }); 
     } 
     if (place.type == ['night_club']) { 
      var marker = new google.maps.Marker({ 
      map: mapit, 
      position: place.geometry.location, 
      icon: "link-to-night-club-icon" 
      }); 
     } 
     } 

Was die richtige ist die Syntax für Ortstyp? In der Google Maps-API-Dokumentation sehe ich nichts dergleichen oder place.getType, etwas, um den Ortstyp für bedingte Anweisungen zu erhalten.

Wie können die Bedingungen funktionieren und verschiedene Symbole für Marker verschiedener Platztypen angezeigt werden?

Answer 1

Das Places API types Array für jedes Ergebnis zurückgibt, nicht type. Dies liegt daran, dass ein Standort mehrere Typen wie ["restaurant", "lodging"] zugewiesen haben kann. Hier ist die Liste der supported types. Siehe Dokumentation here, wenn Sie "Places search" anrufen oder here, wenn Sie den "Places details" -Aufruf verwenden.

Also muss Ihr Code, um das Symbol zu bestimmen, komplizierter sein als ein einfacher Schalter. Vielleicht können Sie im Array types nach einer Existenz eines bestimmten Typs suchen. Das hängt von Ihren Bedürfnissen ab, Sie müssen es selbst entscheiden, vielleicht etwas (mit der Verwendung von jQuery-Bibliothek!):

function isInArray(a, b) { 
    return !!~a.indexOf(b) 
} 

function createMarker(place) { 
    var placeLoc = place.geometry.location; 
    var placeIcon = "link-to-default-icon"; //some default icon, if you don't find a match 
    if(isInArray(place.types, "cafe")){ 
     placeIcon = "link-to-cafe-icon"; 
    }else if(isInArray(place.types, "night_club")){ 
     placeIcon = "link-to-night-club-icon"; 
    }//and so on for other icons 
    var marker = new google.maps.Marker({ 
     map: mapit, 
     position: place.geometry.location, 
     icon: placeIcon 
    }); 
    } 

Answer 2

Ich schlage vor, auf diese Weise

function createMarker(place) { 
     var myIcon; 
     var placeLoc = place.geometry.location; 
     switch (place.type) { 
     case 'cafe': 
      myIcon = "link-to-cafe-icon"; 
      break; 
     case 'night_club': 
      myIcon = "link-to-night-club-icon"; 
      break; 

     } 
     var marker = new google.maps.Marker({ 
     map: mapit, 
     position: place.geometry.location, 
     icon: myIcon 
     }); 

    }