Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save johnantoni/d68a2f71ef05c133867927f3992ec56e to your computer and use it in GitHub Desktop.
Save johnantoni/d68a2f71ef05c133867927f3992ec56e to your computer and use it in GitHub Desktop.
marker with infobox - draggable
<Marker
position={{ lat: lat, lng: lng }}
onClick={this.onToggleOpen}
editable={true}
draggable={true}
>
{this.state.isOpen &&
<InfoBox
onCloseClick={this.onToggleOpen}
options={{ closeBoxURL: ``, enableEventPropagation: true }}
>
<div style={{ backgroundColor: `yellow`, opacity: 0.75, padding: `12px` }}>
<div style={{ fontSize: `16px`, fontColor: `#08233B` }}>
<strong>{ title }</strong><br/>
{ summary }<br/>
<a href={link} title={title} target="_blank">Link</a>
</div>
</div>
</InfoBox>
}
</Marker>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment