Onsen UI 에서 구글맵이 보이지 않을 경우

var div = document.getElementById("map_canvas");

var map = plugin.google.maps.Map.getMap(div);

map.one(plugin.google.maps.event.MAP_READY, function(){

console.log("Map init done!"); // DEBUG

$('.page__background')

.not('.page--menu-page__background')

.css('background-color', 'rgba(0,0,0,0)');

$(div).css( "background-color", "rgba(0,0,0,0)" );

});

맵이 onsen UI 에서만 나오지 않을 경우 대처법입니다.

구글맵은 정상적으로 로드되는걸 봐서는 CSS문제인것으로 봐서 위와같이 백그라운드를 초기화 시켜버림

* 단 Onsen UI 나 기타 모바일 프레임워크의 문제는

 웹뷰에서 실행되는 맵이 아니라는점이다. 

 이는 구글맵 자체가 안드로이드 시스템 자체에서 실행되므로

 화면상의 큰 문제를 야기 하더군요

 즉, 모든 화면에 백그라운드로 지도가 표기가 됩니다.

 이는 onsen ui의 페이지 전환시 명확하게 확인 할수 있답니다..

 저는 그래서 코도바 프로젝트에서 JS 버전의 map api 를 사용하는것을 추천합니다...

 웹뷰의 브라우저에서 실행되므로 좀 느리긴 하지만....