0

Ich möchte die Namen der Orte auf der Karte anstatt der Beschriftungen A und B anzeigen. Wie mache ich das in Google Maps Directions API? Zum Beispiel nur Start und End oder Miami Port bis Miami Tower.Wie kann ich anstelle von A oder B in der Google Maps Routenplaner-API Ortslabels anzeigen?

CODE

let directionsDisplay; 
    let directionsService = new google.maps.DirectionsService(); 
    let map; 

    directionsDisplay = new google.maps.DirectionsRenderer(); 

    let myOptions = { 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
    let mapArea = document.getElementById("map_canvas_track_order"); 

    map = new google.maps.Map(mapArea, myOptions); 
    directionsDisplay.setMap(map); 

    let start = `25.757928, -80.192897`; 
    let end = `25.771969, -80.191235`; 
    let request = { 
     origin:start, 
     destination:end, 
     travelMode: google.maps.DirectionsTravelMode.DRIVING 
    }; 
    directionsService.route(request, function(response, status) { 
     if (status === google.maps.DirectionsStatus.OK) { 
      directionsDisplay.setDirections(response); 
     } 
    }); 

CURRENT MAP PREVIEW

Map Preview

Antwort

2

Sie A und B Standard-Marker suppressMarkers Eigenschaft als true mit verstecken können.

directionsDisplay = new google.maps.DirectionsRenderer({map: map, suppressMarkers: true}); 

Und dann Ihre eigene Markierung an den Endpunkten Stellen Marker verwenden.

var marker = new google.maps.Marker({ 
       position: , 
       label: "~what you want~", 
       map: map 
      }); 
+0

Danke, ich bin in der Lage, die Marker zu unterdrücken. Was wäre der Wert von "Position"? Ich denke 'Position:' A''? Wo genau implementiere ich den erstellten Marker? – anonym

+0

Position ist {lat: -25.363, lng: 131.044} siehe https://developers.google.com/maps/documentation/javascript/examples/marker-simple –

Verwandte Themen