React.jsでJsonからデータを読み取りGoogleMap上で名前を表示する方法

Question

Jsonデータから配列をループさせて緯度(lat)、経緯(lon)とデータを読み込むことは出来ましたが、名前(nom)の情報を読み込むことができません。読み込む方法を教えてください。
読み込んだらGoogleMapのMarkerの下に表示させたいです。この場合は、「スカイツリー」、「東京タワー」の情報を読み込んで表示させたいです。
それと、'google-map-react'のパッケージではinfowindowが出来ないのですか？
そうなると'google-maps-react 'に変更した方がいいですか？
試した方法は↓です。

    {data.map(item => {
        return (
          
          <div key={item.id} lat={item.location[0]} lng={item.location[1]} 
          
          >
          <li name={item.nom}></li>
            <RoomIcon color="primary" style={markerStyle} alt="pin" />
          </div>

import React, { Component } from 'react';
import GoogleMapReact from 'google-map-react';
import RoomIcon from '@material-ui/icons/Room';
import '../App.css';



const googleAPIKey = "ここにAPIを入力してあります"

const markerStyle ={
  position: "absolute",
  top: "100%",
  left: "100%",
  transform: "translate(-50%, -100%)",
  height:"22px",
  width:"22px"
};



const data = [
  

  {
               id: "1",
               nom: "スカイツリー",
                location: [35.710063, 139.8107 ]
  },
   {
               id: "2",
               nom: "東京タワー",
                location: [35.658584, 139.7454316 ]
  },
   
];

class SimpleMap extends Component {
    
  static defaultProps = {
    createMapOptions: function (maps) {
    return {
      panControl: true,
      mapTypeControl: true,
      scrollwheel: true,
    }
  },
    center: {
      lat:  35.710063,
      lng:139.8107
    },
    zoom: 12,
  };

  render() {
  
   
    return (
      
      <div className="ToiletMap" style={{ height: '450px', width: '60%' }}>
        <GoogleMapReact
          
          bootstrapURLKeys={{ key:googleAPIKey }}
          defaultCenter={this.props.center}
          defaultZoom={this.props.zoom}
           options={this.props.createMapOptions}
           
        >
        
          {data.map(item => {
        return (
          
          <div key={item.id} lat={item.location[0]} lng={item.location[1]} 
          
          >
          <li name={item.nom}></li>
            <RoomIcon color="primary" style={markerStyle} alt="pin" />
          </div>
        
        );
      
      }
      )}
      
        
      
        </GoogleMapReact>
      
      </div>
      
    );
    
  }
}

export default SimpleMap;