Google지도 자바 스크립트 API V3

-1

인텔 XDK에서 첫 번째 앱/테스트를 만들고 간단한지도 앱으로 시작하려고합니다. 내지도를 좌표로 가운데 놓으려고하면 문제가 생깁니다. 좌표가 가운데 대신 오른쪽 상단에 나타납니다. 내 코드 :Google지도 자바 스크립트 API V3

<script type="text/javascript"> 
    function initialize() { 
     //var coords = new google.maps.LatLng(-19.838817, -44.606980); 
     var mapOptions = { 
     center: { lat: -19.838491, lng: -44.606999}, 
     zoom: 15, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

     var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
    } 
// google.maps.event.addDomListener(window, 'load', initialize); 
</script>

내 스크립트 태그 본문의 온로드 행동에로드

: 맵의 크기를 정의

<body onload="initialize()"> 
<div id="map-canvas"></div> 
</body>

내 CSS 파일입니다 mapa.css :

div#map-canvas{ 
width: 100%; 
height: 100%; 
}

감사합니다 어떤 도움이라도!

출처

2014-12-30 jpvasconcelos

? 크기가 있나요? 그것에 적용되는 CSS는 어떻게 생겼습니까? '<몸의 온로드 = "초기화()">

' 편집 : 사업부의 크기에 관하여 : – geocodezip

는 @geocodezip 안녕하세요 ID로 사업부는 = "캔버스를지도하는 것은"몸 tag.Look 내부입니다 필요 div를 중심으로 보여주기 위해지도를 저장하는 크기를 정의합니까? 지도가 에뮬레이션 탭에 나타나기 때문에 위치를 잘못 입력했기 때문에 질문합니다. Thx 도움! – jpvasconcelos

@geocodezip # map-canvas 크기로 CSS 파일을 추가했지만 어쨌든 작동하지 않습니다. – jpvasconcelos

을보십시오.

HTML

<div id="canvas" style="height:300px;"></div>

jQuery를

var map; 
function initialize() { 
    var mapOptions = { 
     center: new google.maps.LatLng(-19.838491, -44.606999), 
     zoom: 14, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('canvas'), mapOptions); 
} 
google.maps.event.addDomListener(window, 'load', initialize);

설명서를 읽어 보시기 바랍니다 : https://developers.google.com/maps/documentation/javascript/events#MarkerEvents = "지도 캔버스를"ID로 사업부가

출처

2014-12-31 00:03:34

참고로 고맙겠지 만 시도해 보았지만 작동하지 않습니다. 설명서를 읽고 올바르게 표시되지만 작동하지 않습니다. S – jpvasconcelos

코드를 변경했습니다. 이것 좀 봐. 그것은 나를 위해 작동합니다. –

갤럭시 y 폰에서 테스트 해 보니 .. 문제없이 작동 했으므로 xdk 인텔에서 렌더링 시퀀스에 버그가 있다고 생각합니다. Thx 당신의 도움! 멋진 2015 년을 보내십시오! – jpvasconcelos

다음 코드가 작동해야

center: new google.maps.LatLng(-19.838491, -44.606999),

출처

2014-12-30 22:29:31 SpikeMF

Thx 메모를 작성했지만 시도해 보았습니다. – jpvasconcelos

그렇지 않으면 초기화 기능이 작동합니까? 다른 매개 변수를 변경하면 해당 변경 사항이 반영됩니까? (onload 속성에서 initialize()를 호출 한 후에 세미콜론이 필요합니까?) – SpikeMF

안녕하세요. @SpikeMF, 도와 주셔서 감사합니다 ... 나는 은하계 전화로 테스트 한 결과 문제없이 작동했습니다. 그래서 xdk Intel에서 렌더링 시퀀스의 버그라고 생각합니다. Thx 너의 도움을 위해 .. 좋은 2015을 보내라! – jpvasconcelos

Google지도 자바 스크립트 API V3

답변

관련 문제