如何修改自定义标签功能

how to change customize label function?

本文关键字:自定义 标签 功能 修改 何修改      更新时间:2023-09-26

现在我正在使用Jvector Map。它运行得很好。当我单击国家名称时,它显示默认的国家名称。现在我想自定义标签并显示标签数据库值?

脚本代码:

 <script>
jQuery.noConflict();
jQuery(function(){
  var $ = jQuery;
  $('#focus-single').click(function(){
    $('#map1').vectorMap('set', 'focus', {region: 'AU', animate: true});
  });
  $('#focus-multiple').click(function(){
    $('#map1').vectorMap('set', 'focus', {regions: ['AU', 'JP'], animate: true});
  });
  $('#focus-coords').click(function(){
    $('#map1').vectorMap('set', 'focus', {scale: 7, lat: 35, lng: 33, animate: true});
  });
  $('#focus-init').click(function(){
    $('#map1').vectorMap('set', 'focus', {scale: 1, x: 0.5, y: 0.5, animate: true});
  });
  $('#map1').vectorMap({
    map: 'world_mill_en',
    panOnDrag: true,
    focusOn: {
      x: 0.5,
      y: 0.5,
      scale: 1,
      animate: true
    },
    series: {
      regions: [{
        scale: ['#688FA0'],
        normalizeFunction: 'polynomial',
        values: {
          //  "YE":0.3,
         // "UA": 136.56,
          // "QA":0.72,
          "GB": 2258.57,
          // "GA":4.6,
          "US": 14624.18,
           //"UG":4.3,
          //"UY": 40.71,
          // "UZ":0.72,
          "VU": 0.72,
          // "VE":5.77,
         // "VN": 101.99,
          // "ZW":8.4,
         //  "ZM":2.5,
        }
      }]
    },

 onRegionClick: function (event, code) {
     var map = $('#map1').vectorMap('get', 'mapObject');
     var name = map.getRegionName(code);
    $(document ).ready(function() {
$.ajax({
    type: "GET",
    url: 'database.php',
    data: {country: name},
    dataType: "text",
    success: function(data){
      alert(data);
    }
});
    });
},
      });
    })


  </script>

Its MY script code when i click country showing name country name default i want display from database . i have created database  its connected via ajax code above code i had mentioned.

在这里附上我的PHP代码:

 <?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "mydatabase";
$_country = $_GET['country'];
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 
$sql = "SELECT countryId,country,pdogcoregion,ccl,category FROM countrydetails WHERE country='".$_country."'";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
    // output data of each row
     while($row = $result->fetch_assoc()) {
        echo "category: " . $row["category"];
    }
}
 else {
    echo "No database";
}
$conn->close();
?>

我需要更改显示国家名称默认的标签。我想设置数据库显示标签?

您可以使用onRegionTipShow方法自定义工具提示。请看下面的例子