JSFiddle - React, Tailwind, and code Playground

by jlaamanen

HTML

<base href="https://raw-dot-custom-elements.appspot.com/GoogleWebComponents/google-map/v2.0.5/google-map/">
<script src="../webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="google-map.html">
<style>
  google-map {
    height: 300px;
  }
</style>
<!--
  version="3.34": info window and icons styled correctly
  version="3.35": icon styles broken
  version="3.36": both info window and icon styles broken
-->
<google-map version="3.36" fit-to-markers api-key="AIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc">
  <google-map-marker latitude="37.78" longitude="-122.4" draggable="true">
  	<div>Hello world!</div>
  </google-map-marker>
</google-map>