Карты Google не отображают правильные данные с помощью обратного вызова json для django

Question

Попытка использовать функцию jQuery getJson для загрузки некоторых данных, которые будут отображаться в Картах Google.

У меня есть простой URL-адрес обратного вызова для тестирования, равный /projects/ajax_test/

при отправкеAJAX get request Я получаю следующие данные.

[{"location_slug": "bergen-norway", "location": "Bergen, Norway", "id__count": 1}, {"location_slug": "oslo-norway", "location": "Oslo, Norway", "id__count": 1}, {"location_slug": "stockholm-sweden", "location": "Stockholm, Sweden", "id__count": 3}]

Структура API карт Google должна содержать следующее, id, count и название города для правильного анализа.

вот моя функция javascriptкоторый загружает информацию.

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages': ['geomap']});
google.setOnLoadCallback(drawMap);

function drawMap() {
  var data = new google.visualization.DataTable();

  data.addRows(10);
  data.addColumn('string', 'City');
  data.addColumn('number', '{% trans "Projects" %}');
  /* for each value in locale projects loop this data */

  var URL = "/projects/ajax_test/";

  jQuery.getJSON(URL, function(d) {
      jQuery.each(d, function(i, item) {
          i++;
          data.setValue(i, 0, "'"+item.location+"'");
          data.setValue(i, 1, item.id__count);
      });
  });

эти данные должны возвращать строку следующей информации в качестве примера

data.setValue(1, 0, 'Stockholm, Sweden');
data.setValue(1, 1, 28);

data.setValue(2, 0, 'Varberg, Sweden');
data.setValue(2, 1, 1);

Что это делает, но Google, похоже, не отображает это правильно.

Есть идеи?