从 Javascript 中的 PHP 数组填充 Google GeoChart 地图时出现问题

Question

我有一个 PHP 国家名称数组 -

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

我需要通过 Javascript 中的 Google Geochart map 在地图上显示这些国家/地区并使用此代码 -

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);
    }

我想我传递国家数组的方式有误，因为地图没有显示这些国家。我该如何更正它？

Answer 1

注意 PHP 服务于 $countries_array 因此您需要在 PHP 脚本标签内才能输出数组。使用 addRow() 添加每个数据可能更容易，它使语法更简单。

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);
}

从 Javascript 中的 PHP 数组填充 Google GeoChart 地图时出现问题

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

javascript

php

google-maps

google-visualization