2017-07-13 1 views
0

Ich arbeite an einer App, die Google Maps verwendet, um den Benutzer anzuzeigen, jeder Benutzer ist ein Marker auf der Seite mit seinem Bild.ändern benutzerdefinierte Marker Form Google Maps API

Die Benutzerbildform ist quadratisch und ich möchte es in einen Kreis ändern, ohne seine ursprüngliche Form zu ändern.

weiß jemand, ob es durch Google Maps API möglich ist?

hier ist das, was ich bisher gemacht: enter image description here

Der Code, der den Marker ist die Erstellung ist die folgende:

let userLatLng = {lat: coordinates[0], lng: coordinates[1]}; 
    let icon = { 
     url: Config.s3Address + profileImg, 
     origin: new google.maps.Point(0, 0), 
     anchor: new google.maps.Point(0, 0), 
     scaledSize: new google.maps.Size(50, 50) 
    }; 
    let shape = { 
     coords: [0, 0, 60], 
     type: 'circle' 
    }; 
    let marker = new google.maps.Marker({ 
     map: this.map, 
     clickable: true, 
     animation: google.maps.Animation.DROP, 
     position: userLatLng, 
     icon: icon, 
     shape: shape 
    }); 

    let content = "<h4>" + userName + "</h4>"; 
    this.addInfoWindow(marker, content); 

Vielen Dank für alle Helfer !! :)

+0

Mit google maps api können Sie nur das Symbol ändern ... aber nicht die Symbolform. – scaisEdge

+0

"Die Benutzerbildform ist quadratisch und ich möchte es ändern, ohne seine ursprüngliche Form zu ändern" auf Hover von Dauerwelle ? –

+0

danke für die Antwort @scaisEdge –

Antwort

0

Die Benutzerbildgröße ist 50, richtig? der Ursprungspunkt ist links oben 0, vielleicht so:

let shape = { 
    coords: [25, 25, 25], 
    type: 'circle' 
}; 

Mehr Infos here.