Google chart => maps

none61 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention   -  
none61 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour tout le monde, je me permet de poster car j'aimerai utiliser le script maps de google chart.

J'ai donc vu ce bout de code 
<html>
  <head>
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <script>
    google.charts.load('current', { 'packages': ['map'] });
    google.charts.setOnLoadCallback(drawMap);

    function drawMap() {
      var data = google.visualization.arrayToDataTable([
        ['Country', 'Population'],
        ['China', 'China: 1,363,800,000'],
        ['India', 'India: 1,242,620,000'],
        ['US', 'US: 317,842,000'],
        ['Indonesia', 'Indonesia: 247,424,598'],
        ['Brazil', 'Brazil: 201,032,714'],
        ['Pakistan', 'Pakistan: 186,134,000'],
        ['Nigeria', 'Nigeria: 173,615,000'],
        ['Bangladesh', 'Bangladesh: 152,518,015'],
        ['Russia', 'Russia: 146,019,512'],
        ['Japan', 'Japan: 127,120,000']
      ]);

    var options = {
      showTooltip: true,
      showInfoWindow: true
    };

    var map = new google.visualization.Map(document.getElementById('chart_div'));

    map.draw(data, options);
  };
  </script>
  </head>
  <body>
    <div id="chart_div"></div>
  </body>
</html>


Lien vers la page : https://developers.google.com/chart/interactive/docs/gallery/map#fullhtml

Ma question est, est il possible selon vous d'attribuer un ID à chaque "punèze" crée ?

Car j'aimerai utiliser "bootstrap" afin d'afficher un modal si on clic sur une "punèze"...

Merci à vous
A voir également:

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Il semble qu'il existe la méthode SELECT qui permet de détecter le click sur une "puce" 
google.visualization.events.addListener(chart, 'select', selectHandler);
function selectHandler(){
   var selection = chart.getSelection();
  //...

}

https://developers.google.com/chart/interactive/docs/gallery/map#methods
1
none61 Messages postés 83 Date d'inscription   Statut Membre Dernière intervention  
 
Merci pour ta réponse Jordane45 , je vais chercher de ce coté ;-)
0