javascript - JVector map 如何更改鼠标光标悬停在区域上时显示的工具提示的大小

Question

我正在使用JVector Map插件。我想更改它在悬停后显示的区域名称(在黑色工具提示中)的文本大小。

这是我的 Javascript 代码(如果需要):

 $('#world-map').vectorMap({
    map: 'world_mill',
    backgroundColor: '#fff',
    zoomOnScroll: false,
    regionStyle:{
        initial: {
            fill: '#878787',
            "fill-opacity": 1,
            stroke: '#fff',
            "stroke-width": 1,
            "stroke-opacity": 1
        },
        hover: {
            "fill-opacity": 1,
            cursor: 'pointer',
            fill: '#133060'

        },
        selected: {
            fill: 'yellow'
        },
        selectedHover: {

        }
    },
           markerStyle: {
        initial: {
            fill: '#F8E23B',
            stroke: '#383f47',
            r:10
        }
    },

  markers: [
  { latLng: [61.524010, 105.318756], name: 'Russia' },
  { latLng: [60.128161, 18.643501], name: 'Sweden' },
  { latLng: [35.861660, 104.195397], name: 'China' },
  { latLng: [37.090240, -95.712891], name: 'USA(Neda Shine)' },
 { latLng: [56.130366, -106.346771], name: 'Canada' },
  { latLng: [-25.274398, 133.775136], name: 'Austrlia(Neda Shine)' },
  { latLng: [51.165691, 10.451526], name: 'Germany' },

  ],
  onRegionTipShow: function (e, el, code) {

      el.html(el.html() + ' (test)');
  }

});

这是我的 map ，我想更改这个黑色工具提示的样式，在这张图片中，鼠标悬停在美国，它显示了该地区的名称。

Answer 1

通过在这一行中添加 css 样式解决了这个问题:

onRegionTipShow:函数(e、el、代码){

      el.html(el.html() + '<p id="popop">test</p>').css("fontSize","25px");
  }