reactivemaps icon indicating copy to clipboard operation
reactivemaps copied to clipboard

[Question] In ReactiveOpenStreetMap, where comes from the 100vh on height?

Open kud opened this issue 5 years ago • 0 comments

Hello,

I would like to remove the 100vh on the container of the map.

I had to do this, but it's ugly:

const Aside = styled.aside`
  .map {
    height: 100% !important;
  }
`

            <Aside>
              <ReactiveOpenStreetMap
                componentId="Map"
                dataField="location"
                title="Venue Location Map"
                size={100}
                defaultZoom={5}
                className="map"
                react={{
                  and: ["Search", "InstrumentsFilter"],
                }}
                renderData={({ firstName, lastName }) => ({
                  label: `${firstName} ${lastName}`,
                })}
              />
            </Aside>

kud avatar Apr 09 '20 18:04 kud