gmaps4rails map을 렌더링 할 수 없습니다.

Question

좋아요. gmaps4rails를 사용하여 Google지도를 렌더링하는 데 몇 시간 동안 노력했습니다. 알아낼 수 없으므로 여기에서 아이디어를 얻으려고합니다. 나는 내가 거의 가깝다라고 생각한다.

• 는 GitHub의에서 설치 단계를 갔다 : 여기
  내가 무슨 짓을했는지의 https://github.com/apneadiving/Google-Maps-for-Rails
• 내보기에서 gmaps4rails 메서드 호출 마크 업의 일부 JS 코드를 추가 드러내, 그래서 중단 점을 넣어 GMaps.load_map()에 대한 JS 호출에서. 이 메서드 내에서 Gmaps.map.initialize()에 중단 점을 설정합니다. 이 시점에서 내 페이지에는 빈 div 영역 (맵이 렌더링 될 곳)이 표시되지만,이 선을 따라 단계를 밟으면 영역이 숨겨집니다 (특히 초기화 내에서 맵 생성 중에는 숨기기가 발생합니다). return new google.maps.Map (document.getElementById (this.map_options.id), mergedOptions)). 그 다음 줄은 다음과 같은 종류의 lat/lng 객체 배열이 제공되는지도 표시 자에 대한 호출입니다. Gmaps.map.markers = [{ "lat": 90.2765777, "lng": - 37.7498712} ] 그래서 기본적으로 내 gmaps 모델 객체가 괜찮다고 생각합니다. (컨트롤러에 breakpoint를 두어 double을 검사하여 mappable 객체의 to_gmaps4rails()가 적절한 데이터를 반환하고 있음을 확인했습니다.)
• 내 방화복 네트워크 탭 (maps.gstatic.com, mt0.googleapi.com 및 maps.googleapi.com에 대한 호출이 이루어짐)에서 Google지도 API 호출에 대해 여러 번 주목했습니다.
• gmaps4rails css 파일이 브라우저 세션에 다운로드되고 있는지 확인했습니다 (gmaps4rails.css가 표시됨).
• 은 구글 API 키와 내보기에 스크립트 태그를 추가하는 어떤 점에서 시도하지만, 나중에 여기에 설명 된대로 정말, 최신 버전으로 필요하지 않습니다 발견 : Google Maps API-Key in gmaps4rails
• 일부 SO에 대한 검색나요 비슷한 질문과 아무 소용이 발견 : gmaps4rails not showing map, gmaps4rails is not displaying the map

나는 데이터가지도를 렌더링 할 장소에있는 것으로 보이기 때문에 내가 정말 간단 뭔가를 놓친 것 같아. 어떤 아이디어?

Answer 1

gmaps4rails의 map_container div를 내지도 div에 배치하고 gmaps4rails를 던지고있는 것으로 나타났습니다. gmaps4rails의 JS 로직 삽입을 가정하고 자체 div # map에 의존합니다. 따라서 기본적으로 id = "map"을 사용하여 div에 gmaps4rails 호출을 래핑하지 마십시오. 내 HAML에서

,이 있었다 :

난 그냥이가 필요

#map 
    = gmaps4rails(@mapData) 

:

= gmaps4rails(@mapData) 

또는 : Github에서에

#foo 
    = gmaps4rails(@mapData)