<base href="https://raw-dot-custom-elements.appspot.com/GoogleWebComponents/google-map/v2.0.5/google-map/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="google-map.html">
<link rel="import" href="google-map-poly.html">
<link rel="import" href="google-map-point.html">
<style>
  google-map {
    height: 450px;
  }
</style>

<google-map latitude="37.779" longitude="-122.3892" zoom="8" language="en" api-key="AIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc">
  <google-map-poly closed fill-color="red" fill-opacity=".4" stroke-weight="1">
    <google-map-point latitude="38.5816" longitude="-121.4944"></google-map-point>
    <google-map-point latitude="37.7749" longitude="-122.4194"></google-map-point>
    <google-map-point latitude="37.3382" longitude="-121.8863"></google-map-point>
  </google-map-poly>
</google-map>







<div class="vd-container"><div class="vd"><a target="_blank" href="https://vaadin.com/directory/component/GoogleWebComponentsgoogle-map">Check out google-map on Vaadin Directory</a></div></div>

External CSS

  1. https://rawgit.com/binhbbbb/51334c66f70c165997fc093fad160ad8/raw/4314a120fc257327160f1982a8fc90752d66c5f5/vd.csshttps://rawgit.com/binhbbbb/51334c66f70c165997fc093fad160ad8/raw/d9b042c588c351e31cfbcdb0fcb13ded1132569f/vd.css

External JavaScript

This Pen doesn't use any external JavaScript resources.