Issue in populating Google GeoChart Map from a PHP array in Javascript

Question

I have a PHP array of country names -

<?php 
$countries_array = array("Russia", "Australia", "Chile");
?>

I need to show these countries on map via the Google Geochart map in Javascript and using this code -

function drawRegionsMap() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Country');

<?php 
    foreach ($countries_array as $cty) {
        echo "data.addRow(['Country', " . $cty . "]);";
    }
?>

    var options = {backgroundColor: '#E7F2F4'};

    var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

    chart.draw(data, options);
    }

I guess I'm passing the countries array in a wrong way, because the map doesn't show these countries. How can I correct it ?

Gissipi_453 · Accepted Answer · 2019-09-14 11:18:04Z

1

Note PHP serves $countries_array so you need to be within PHP script tags to output the array. It is probably easier to add each data using addRow(), it makes the syntax simpler.

function drawRegionsMap() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Country');

<?php 
    foreach ($countries_array as $cty) {
        print "data.addRow(['" . $cty . "']);" . PHP_EOL;
    }
?>

  var options = {backgroundColor: '#cccccc'};
  var chart = new   google.visualization.GeoChart(document.getElementById('regions_div'));

  chart.draw(data, options);
}

edited Sep 14, 2019 at 11:18

Gissipi_453

1,3502 gold badges28 silver badges66 bronze badges

answered Sep 14, 2019 at 9:03

suspectus

17.4k8 gold badges56 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Gissipi_453 Over a year ago

still not working. the map doesn't appear now. updated my question with my code @suspectus

Gissipi_453 Over a year ago

thanks. your answer works with just s small modification. by removing 'Country', from - print "data.addRow(['Country', '" . $cty . "']);" . PHP_EOL;

Collectives™ on Stack Overflow

Issue in populating Google GeoChart Map from a PHP array in Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related