HeatmapLayer

Question

내가 반응 - 구글 -지도에서 HeatmapLayer를 사용 싶어 정의되지 않은 구글 -지도 - 반응하지만 오류 타격을받을 :이 일이 작품을 만들기 위해 triying했습니다

Uncaught (in promise) TypeError: Cannot read property 'HeatmapLayer' of undefined

을하지만 난 칠 수 없었다 머리에 손톱도 (https://github.com/tomchentw/react-google-maps/issues/409) 도움이 아무것도

import {withGoogleMap,GoogleMap} from "react-google-maps" 
import HeatmapLayer from "react-google-maps/lib/visualization/HeatmapLayer" 

render(){ 

var data = [new window.google.maps.LatLng(37.782551, -122.445368), 
      new window.google.maps.LatLng(37.782745, -122.444586), 
      new window.google.maps.LatLng(37.782842, -122.443688), 
      new window.google.maps.LatLng(37.782919, -122.442815), 
      new window.google.maps.LatLng(37.782992, -122.442112), 
      new window.google.maps.LatLng(37.783100, -122.441461) 
     ] 
    const Heatmap = withGoogleMap(props => (
<GoogleMap 
    defaultZoom={1} 
    center={{lat: 19.435031,lng: -99.167357}} 
> 
<HeatmapLayer data = {data} /> 
</GoogleMap>)); 

return(
    <div className="googleMap"> 
<Heatmap 
    containerElement={ 
    <div style={{ height: `100%` }} /> 
    } 
    mapElement={ 
    <div style={{ height: `100%` }} /> 
    } 
    center={{ lat: -25.363882, lng: 131.044922 }} 
/> 
</div>) 
} 
} 

Answer 1

가져 오기 위치는 내가 믿는 잘못이 없다이 링크에서 찾고. 그것은 아래처럼되어야합니다. 더 많은 정보 here

import HeatmapLayer from "react-google-maps/lib/components/visualization/HeatmapLayer"; 

Answer 2

라이브러리를 섹션을 사용하여 를 참조하십시오

https://developers.google.com/maps/documentation/javascript/visualization