2

在此处输入图像描述我正在使用谷歌图表在地图上显示标记。它只有简单的圆圈。如果可能,我想使用自定义图像和动画。

<Chart
  width={'100vw'}
  height={'100vh'}
  chartType='GeoChart'
  data={[
    ['Lat', 'Long', 'Name'],
    [0, 0, 'test'],
  ]}
  options={{
    region: 'US',
    displayMode: 'markers',
    colorAxis: { colors: ['green', 'blue'] },
    resolution: 'provinces',
    defaultColor: '#555',
    backgroundColor: '#444',
    datalessRegionColor: '#f8bbd0',
  }}
/>
circle::before {
  content: '';
  background-image: url('../images/man.svg');
  position: absolute;
  color: blue;
  width: 70px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  bottom: 0;
}

我真的不明白为什么它不起作用。这是CSS无法完成的事情吗?

4

0 回答 0