标签: google-web-component

有没有办法在React应用程序中使用Google Charts？我找到了反应谷歌图表,我已经有点工作,但它似乎缺乏谷歌图表的大部分API,或者至少是没有记录的.我也有点害羞在生产中使用NPM统计数据显示在最后一天只有约400次下载.

但是,我无法单独在NPM上找到谷歌图表,也不能仅仅import Charts from 'google-charts'像我最初预期的那样.

我的下一步想法是看是否有办法将库导入为全局变量.

1)我该怎么做2)如果可能的话我怎么把它包含在像这样的反应组件中 import { Line } from '???'

我正在寻找使用Polymer Web组件时谷歌地图标记的点击事件.我已经看过这个问题, 但我的代码略有不同,可能会搞砸了.我在我的标记内使用模板is ="dom-repeat",以便我可以使用places API进行搜索.这是我的代码<map-element></map-element>.问题是我怎么才能markerClicked开火？on-google-map-marker-click似乎没有工作:

<dom-module id="map-element">
<style>
   google-map {
   height: 200px;
   width: 100%;

   }
</style>
<template>
<iron-icon icon="icons:search"></iron-icon>
<input is="iron-input" bind-value="{{bindValue}}" value="   {{value::input}}">
<google-map-search map="[[map]]" query="[[bindValue]]" results="{{results}}"></google-map-search>
<google-map map="{{map}}" latitude="37.77493" disableZoom="true" longitude="-122.41942" fit-to-markers>
<template is="dom-repeat" items="{{results}}" as="marker">
   <google-map-marker latitude="{{marker.latitude}}" longitude="{{marker.longitude}}" clickEvents="true" on-google-map-marker-click="{{markerClicked}}">
     <h2>{{marker.name}}</h2>
      <span>{{marker.formatted_address}}</span>
   </google-map-marker>
</template>
</google-map>
</template>
<script>
  Polymer({
  is: "map-element",

  markerClicked: function(e, detail, sender) {

      console.log('google_map_marker_click');


    }
});
</script>

</dom-module>