nopio/airbnb-map-tutorial-frontend

This a front-end prepared for the React Airbnb Map tutorial.

airbnb-map-tutorial-frontend's Issues

Price labels are not displaying in Marker component

Hi,

I want to say thanks for this awesome tutorial. I managed to get everything working except for the final steps where the markers are changed to labels with the price inside of the Marker component. I used the CSS provided in this repo's App.css. The containers with the details work, but the small markers with the price do not appear.

 <Marker
        markerWithLabel={window.MarkerWithLabel}
        onClick={this.clickTooltip.bind(this)}
        position={{
          lat: parseFloat(lat),
          lng: parseFloat(lng)
        }}
        opacity={0}
        labelClass='map-price-container'
        labelContent={`<div class="map-price-marker"><span>$${price}</span></div>`}
        key={`marker${id}`}>
        {showTooltip && (
          <PlaceInfoWindow key={`info${id}`}
                           description={description}
                           title={title}
                           price={price}
                           closeWindow={this.closeWindow.bind(this)}/>
        )}
      </Marker>

With this, the default markers opacity is off, but no price labels. Otherwise, really great tutorial!