Overlay obrazkowy na mapę google w Cordova / Phonegap

Overlay obrazkowy na mapę google w Cordova / Phonegap
DA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 5
0

Cześć. W swojej aplikacji tworzonej w Cordovie (wcześniej Phonegap) chcę dodać mapę google z nałożonym na nią obrazkiem. W klasie MapView.js
dołączam skrypt wywołujący mapę:

Kopiuj
$.getScript('https://maps.googleapis.com/maps/api/js?v=3.exp',function(){
$.getScript('./lib/InitializeMap.js',function(){
});
});

Treść skryptu InitializeMap: http://pastebin.com/TqjE4CVm

Na ekranie wyświetla się tylko szary div w którym powinna być nakładka z mapą ale bez obrazka, bez mapy. W konsoli dostaję ostrzeżenie:

Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.

Normalna mapa z markerami, bez nakładki ze skryptem http://pastebin.com/vgtgUzSP działa.

Jak to rozwiązać?

Johnny_Bit
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Kielce
0

Polecałbym użyć overlaya do mapy zamiast nakładać diva. przykład: https://developers.google.com/maps/documentation/javascript/examples/overlay-simple

Dzięki temu będziesz mieć i mapę i obrazki na niej.

DA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 5
0

Ale spójrz na kod, mam to samo, z tego tutoriala korzystałem.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.