Question

我使用us-map库定义了这张地图：https://newsignature.github.io/us-map/

$('#map').usmap({
  showLabels: true,
  stateStyles: {fill: '#e57325', stroke: '#fff', color: '#fff'},
  stateSpecificStyles: {
    'OR': {fill: '#F7B213'},
    'ID': {fill: '#F7B213'},
    'MT': {fill: '#F7B213'},
    'WY': {fill: '#F7B213'},
    'UT': {fill: '#F7B213'},
    'UT': {fill: '#F7B213'},
    'NM': {fill: '#F7B213'},
    'ND': {fill: '#F7B213'},
    'NE': {fill: '#F7B213'},
    'MN': {fill: '#F7B213'},
    'IA': {fill: '#F7B213'},
    'VA': {fill: '#F7B213'},
    'WV': {fill: '#F7B213'},
    'ME': {fill: '#F7B213'},
    'NH': {fill: '#F7B213'},
    'VT': {fill: '#F7B213'},
    'RI': {fill: '#F7B213'},
    'MA': {fill: '#F7B213'},
    'SD': {fill: '#F7B213'},
    'AK': {fill: '#F7B213'}
  },
  stateHoverStyles: {fill: '#e6e6e6', color: '#fff'},
  'labelTextStyles': {
      fill: "#555",
      'stroke': 'none',
      'font-weight': 300,
      'stroke-width': 0,
      'font-size': '14px'
  },
  click: function (event, data) {
      window.location.href = '/state/' + abbrState(data.name, 'name').toLowerCase().replace(/\s+/g, '-');
  }
 });

stateSpecificStyles下列出的状态，我想禁用它们，这样用户就无法点击它们，光标也没有设置为指针。我似乎无法在他们的文档中看到这一点。

有办法做到这一点吗？

Answer 1

尝试将此添加到您的CSS：

#map {
  pointer-events: none;
  cursor: initial;
}

禁用us-map（新闻签名）库的状态

1 个答案: