Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to insert InfoWindow inside MarkerWithLabel for last react-google-maps version ?

See original GitHub issue

How to insert InfoWindow inside MarkerWithLabel for react-google-maps@9.4.3 ? In previous versions I used next code and it worked perfect:

<Marker
	key={index}
	markerWithLabel={window.MarkerWithLabel}
    position={location}
    icon={icon}    
    ...        
>
    { marker.showInfoWindow && 
<InfoWindow onCloseClick={() => props.onCloseInfo(marker)} zIndex={zIndex}>
	...

default

Should I use following ?

<MarkerWithLabel
       key={index}
        position={location}
	icon={icon}	
	...
>
	<span>    
		<div>{marker.name}</div>
		
		{ marker.showInfoWindow &&
			<InfoWindow 
				onCloseClick={() => props.onCloseInfo(marker)} 
				zIndex={zIndex}
			>
			...

default

Issue Analytics

State:
Created 6 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

2reactions

kedwincommented, Jun 20, 2018

i think he gives a f*** 🤣

0reactions

JustFly1984commented, Jun 17, 2019

This library is not maintained, please look at @react-google-maps/api

Top Results From Across the Web

react-google-maps: MarkerWithLabel AND InfoWindow?

The current workaround as per this comment involves rendering the InfoWindow next to the Marker in the component structure, both with the same ......

React Google Maps Style Guide

In order to initialize the MyMapComponent with DOM instances, you'll need to wrap it with withGoogleMap HOC. import { withGoogleMap, GoogleMap, Marker }...

Info Windows | Maps JavaScript API - Google Developers

Opening an info window on a marker will automatically update the position . maxWidth specifies the maximum width of the info window in...

markerwithlabel examples - CodeSandbox

Learn how to use markerwithlabel by viewing and forking markerwithlabel ... you can render multiple markers and main each state to toggle the...

markerwithlabel-custom - npm Package Health Analysis - Snyk

npm module of Google Map utility's Marker With Label For more information about how to use this package see README. Latest version published...