2013-03-08 22 views
9

Używam niestandardowej stylizacji do tworzenia niebieskiej mapy przy użyciu Google Maps API V3.Jak usunąć białe linie podczas korzystania z interfejsu Google Maps API na iPadzie?

example when scrolling on iPad

To świadczy dobrze w różnych przeglądarkach na biurku, ale kiedy go zobaczyć na iPada jest pionowa biała linia obecny. Co więcej, podczas przewijania znajduje się pozioma linia, jak pokazano na powyższym zdjęciu.

Oto przykładowy kod JSFiddle w akcji.

var myOptions = { 
      zoom: 5, 
      center: latlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      disableDefaultUI: true, 
      styles: styles 
     }; 

JSFiddle of custom colour styling

Czy istnieje sposób, aby usunąć lub wygładzić te linie?

Odpowiedz

1

Rozwiązaniem byłoby zignorowanie stylizacji prefiksów wszystkich webkitów.

-webkit-appearance: none; 

Testowane na iPad ciągu iOS Simulator, running iOS 7.1: http://jsfiddle.net/dreamyguy/xrHar/91/

dokumentacja Safari na -webkit-appearance

+0

Co ciekawe, od kiedy pisał ten problem ponad rok temu Google Maps uległ zmianie i białe linie pojawiają się również na moim komputerze stacjonarnym. Powyższa poprawka nie działa na to. – blarg

+0

Cóż, szkoda. Otworzyłem moje skrzypce na iPadzie, i zostało tam naprawione ... Kiedy mówisz komputer stacjonarny, jaki to by był system i jaka przeglądarka? –

Powiązane problemy