반응 형 Google지도 센터링

Question

jsFiddle에서 알 수 있듯이 this stack overflow question 덕분에 응답이 좋은 Google지도가 있습니다.

이제 문제는지도가 다른 뷰포트의 마커에 중앙에 위치하게하고 브라우저 크기를 조정하는 것입니다.

나는 다음과 같은 코드로 an answer here를 발견 :

google.maps.event.addDomListener(window, 'resize', function() { 
map.setCenter(homeLatlng); 
}); 

그러나, 나는 여전히 jQuery를하고 자바 스크립트와 아주 좋은 아닙니다 때문에, 나는 어떻게 이벤트 리스너를 적용하는 아무 생각이 없습니다.

이벤트 리스너가 어떻게 적용되는지 아는 사람이 있습니까?

Answer 1

iFrame을 사용하여지도를 삽입 할 때 두 번째 코드 스 니펫이 처음에는 작동하지 않을 것이라고 생각합니다. 즉, 두 번째 코드 스 니펫이 수행하려고 시도하는 API를 통해지도를 조작 할 수있는지도에 대한 액세스 권한이 없다는 의미입니다.

Google maps API 3 getting started guide을 보시면 필요한 정보를 모두 제공해 드릴 것을 권해드립니다. 'hello world'예제를 반응 형 CSS와 위의 이벤트 핸들러와 결합하여 원하는대로 정확하게 맵을 만들 수 있어야합니다.

정말 직관적 인 API이며 문서가 환상적이므로 아무 문제가 없을 것이라고 생각합니다. 어려움에 처한다면 어디로 올지 정확히 알 수 있습니다!