JVector map Wie ändere ich die Größe der Tooltip, die angezeigt werden, wenn der Mauszeiger über die Region

Question

Ich verwende JVector Map Plugin. Ich möchte die Größe der Texte ändern, die es zeigt (in einem schwarzen Tooltip) den Namen der Regionen nach schwebe sie.

hier ist mein Javascript-Code, wenn nedded:

$('#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)'); 
    } 

}); 

hier ist meine Karte, die ich für diesen schwarzen Tooltip ändern Stil will, die in diesem Bild Maus schweben für Vereinigte Staaten, und es zeigt Namen dieser Region.

Answer 1

es durch add css Stil in dieser Zeile gelöst:

onRegionTipShow: function (e, el, Code) {

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