<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">
<style>
  google-map {
    height: 400px;
  }
</style>
<google-map fit-to-markers api-key="AIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc">
  <google-map-marker latitude="37.78" longitude="-122.4" draggable="true"></google-map-marker>
  <google-map-marker latitude="37.7" longitude="-122.1" draggable="true"></google-map-marker>
  <google-map-marker latitude="37.67" longitude="-122.43" draggable="true"></google-map-marker>
</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.