Google Maps JS Api가 Kendo UI 모바일 앱의 모든 div를 다루지 않습니다.

debugcn 에 게시 Dev

해제

저는 Kendo UI Mobile 프로젝트에서 작업 중이며보기에서 Google지도에서 작업해야합니다. 지도 컨테이너 div의 너비와 높이를 설정했지만지도를 표시 할 때 모든 div를 포함하지는 않습니다. 다음은 내가 작업중인 이미지와 코드입니다.

html :

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

자바 스크립트 :

function initialiceMap() {
var mapOptions = {
  center: {lat: 40.659806, lng: -77.541504},
  zoom: 11,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(document.getElementById('map'), mapOptions);

}

지도가 그려 지지만 모든 div를 포함하지는 않습니다.

Cordova 3.5, Kendo UI Mobile을 사용하고 있습니다.

어떤 생각?

웃고있는

이는 부분적으로 왼쪽 상단 모서리에 Google지도 v3로드 와 중복 된 것으로 보입니다 . 크기 조정 이벤트가 작동하지 않습니다 .

이는지도가 초기화 된 후 크기 조정 이벤트 / 컨테이너 요소 크기 변경이 발생하기 때문에 발생합니다. google.maps.event.trigger(map, 'resize');페이지가로드 된 후 지도에서 크기 조정을 트리거 할 수 있습니다 .

따라서 탭이있는 KendoUI에서 다음과 같이 트릭을 수행 할 수 있습니다.

...
map = new google.maps.Map(document.getElementById('map'), mapOptions);
yourTabStrip.bind("activate", onActivate);
function onActivate(ev) {
    google.maps.event.trigger(map, 'resize');
}

탭 변경 및 애니메이션이 완료된 후 활성화가 트리거되므로이 정도면 충분합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-2

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

Google Maps JS Api가 Kendo UI 모바일 앱의 모든 div를 다루지 않습니다.

Google Maps JS Api가 Kendo UI 모바일 앱의 모든 div를 다루지 않습니다.

Google Maps MarkerClusterer가 작동하지 않거나 모든 마커를 숨 깁니다.

템플릿의 kendo ui 모바일 이벤트가 실행되지 않음

Google API 루비 클라이언트는 분명히 모든 이벤트를 가져 오지 않습니다.

angular-kendo.js를 사용하고 필드가 스키마 / 모델에 정의 된 경우 Kendo UI 그리드에 편집 된 값이 표시되지 않습니다.

Kendo UI 모바일 앱이 Android 또는 iOS처럼 렌더링되지 않음

Google Play에서 Android 앱의 모든 세부 정보를 가져옵니다.

Google 드라이브 API가 모든 파일을 나열하지 않습니다.

내 앱이 Google Playstore의 모든 기기에서 호환되지 않습니다.

내 Google지도가 모든 위치를로드하지 않습니다.

.map 함수가 반응 js의 모든 데이터를 렌더링하지 않습니다.

모바일 앱의 모든 과정이 완료되면 숨겨진 메뉴를 노출하고 싶습니다.

Google Maps API의 동일한 코드가 다른 사이트에서 작동하지 않습니다.

루프가 모든 라운드를 출력하지 않습니다.

루프를 반복 할 때 모든 요소가 나타나지 않습니다.

Python for 루프는 목록의 모든 요소를 사용하지 않습니다.

while 루프는 쿼리의 모든 결과를 표시하지 않습니다.

Google Maps JS API 제안 자동 완성 서비스가 항상 동일한 주소를 반환하지 않습니다.

Google+를 사용한 Soundcloud API 모바일 OAUTH 로그인이 Android에서 작동하지 않습니다.

Google Maps API는 UI를 검색 할 수 없습니다.

레일의 Ajax 루비가 js.erb를 렌더링하지 않습니다.

PDB가 올바르게로드되지 않기 때문에 내 솔루션 내의 모든 프로젝트를 디버깅 할 수 없습니다.

Bing Maps Javascript의 모든 다각형을 기반으로 최고의지도보기를 가져옵니다.

Javascript가 모든 레코드의 합계를 수행하지 않습니다.

모바일의 Google 크롬은 파일 입력시 원치 않는 추가 MouseEvent를 실행합니다.

Heroku의 Handbrake-js가 작동하지 않습니다. http : // localhost에서 모든 것이 잘 작동합니다.

iOS UI 자동화. logElementTree를 실행할 때 모든 요소가 표시되지는 않습니다.

나는 처음으로 봄 메이븐 프로젝트를 만들었습니다 .css, js, 이미지가로드되지 않습니다. 여기에 주어진 모든 솔루션을 시도했지만 여전히 작동하지 않습니다.

Slick.js는 Google Maps API의 infoBox.js에서 작동하지 않습니다.

프롤로그의 부모 쿼리가 모든 부모 관계를 반환하지 않습니다.