Twitter 부트 스트랩 및 Google지도 - 렌더링 문제

현재 Google지도와 Twitter 부트 스트랩을 동일한 페이지에 모두 구현하려고하고 있는데 Google지도 본문에서 모달을 사용하여 문제가 발생했습니다. http://getmerch.scootaloo.at/snapshot-2012-12-27.php Twitter 부트 스트랩 및 Google지도 - 렌더링 문제

일반적으로 "더 많은 정보를 원하시면 ..."이 GMaps의 정보창 내부 버튼은 부트 스트랩 모달를 열어야하지만하지 않습니다 :

여기에 내 현재의 개발 스냅 샷입니다. 지도 캔버스를 표시하지 않으면 동일한 버튼 코드가 작동합니다 (지도 캔버스를 제거하면 충분합니다. 실제지도 JScript 코드는 삭제할 필요가 없습니다).

InfoWindow도 잘못 렌더링됩니다.

혹시이 문제를 해결할 수있는 방법이 있습니까?

미리 감사드립니다.

- 케니

출처

2012-12-27 Kenny Straube

흠 ... 나는 왜 정보 풍선의 포장,하지만 당신은 이유가 있어야합니다 모르겠습니다. HREF로 변환하는 것을 고려해 봤습니까? iFrame에서 필요한 추가 정보를 얻을 수있는 라이트 박스가 있습니까? 또한지도에 몇 개의 핀이 있습니까? 1 또는 2 또는 수천? 유용성 관점에서 보면 문제가 될 수 있지만 목표가 무엇인지 추측하고 있습니다. –

나는 실제로 무엇이든 괜찮을 것이다. 지금까지 Google Maps API에 익숙하지 않았기 때문에 이미 알고있는 것들을 결합하려고합니다. 자세한 설명 상자를 열 수있는 버튼이있는 간단한 설명을 보여주는 모든지도 지점 위에 작은 팝업을 표시하고 싶습니다. 10 ~ 20 개 이상의지도 지점을 가져서는 안됩니다. 포인트는 기본적으로 맵에 아이콘을 사용하여 항목 가용성 데이터를 표시하고 재고가 무엇인지에 대한 간단한 설명을 표시하는 마우스 오버 상자와 함께지도에 다른 매장을 표시하는 것입니다. –

그런 다음 Google V3 API 항목으로 넘어갑니다. 이 자료에 관심이 있습니다. https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows ... 확인 데모 갤러리 https://developers.google.com/maps/documentation/로 넘어가십시오. javascript/demogallery ...이 stackoverflow 게시물을 따라 가면 참조하십시오. http://stackoverflow.com/questions/3921823/google-maps-info-window-overlay-content-just-like-that-in-maps- goole-com에는 튼튼한 오버레이와 원하는 정보 풍선이 있습니다. –

는지도의 사업부에서 다음 CSS를보십시오 : 이것은 내 부트 스트랩/gmaps 이미지 문제를 해결

#map img { 
    max-width: none; 
}

출처

2013-03-12 18:15:21

Twitter 부트 스트랩 및 Google지도 - 렌더링 문제

답변

관련 문제