2017-07-13 3 views
0

Ich entwickle eine Google-Karte mit benutzerdefinierten Marker darauf und es funktioniert sehr gut auf den meisten Geräten.Benutzerdefinierte Karte Marker grafischen Fehler auf Touchscreen

Das Problem ist, dass ein grafischer Fehler auf einigen Geräten, meist Touchscreen-Geräten, auftritt. Tatsächlich können wir das Bild, das für den Marker verwendet wird, in einer größeren Größe und halb transparent auf der rechten Seite der Marker sehen (siehe roten Kreis auf dem Bild). Ich mochte es, diese Bilder von der Karte zu entfernen, wie kann ich das tun?

enter image description here

Das Bild für den benutzerdefinierten Marker verwendet wird, ist 256 * 134 und erstelle ich meine Marker wie folgt aus:

 markerToday.push(new google.maps.Marker({ 
      position: {lat: latitudes[j], lng: longitudes[j]}, 
      icon: { 
       url: icons['Today'].icon, 
       size: new google.maps.Size(256, 134), 
       origin: new google.maps.Point(0, 0), 
       anchor: new google.maps.Point(64, 67), 
       scaledSize: new google.maps.Size(128, 67), 
       labelOrigin: new google.maps.Point(99, 15) 
      }, 
      label: { 
       text: formattedTime_array, 
       fontSize: '17px', 
       fontFamily: 'Verdana', 
       color: 'white' 
      }, 
      map: map 
     })); 

Antwort

0

ich das Problem durch chaging die Originalgröße des Symbols verwendet gelöst. anstelle von (256, 134) verwende ich nun direkt ein Bild der Größe des gewünschten Markers (128, 67).

Verwandte Themen