Google GeoChart не работает на уровне штата с displayMode для регионов

Question 1

Я создаю простое приложение, которое будет отмечать штаты в Индии в зависимости от названия штата.

Итак, я начал экспериментировать со следующего примера.

Будет хорошо, если я установлю displayMode : 'markers', но в соответствии с их документацией состояния могут отображаться как регионы.

Но это не работает. Я делаю что-то неправильно?

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

      function drawMarkersMap() {
      var data = google.visualization.arrayToDataTable([
        ['State'],
        ['West Bengal'],
      ]);

      var options = {
        region: 'IN',
        displayMode: 'regions',
      };

      var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    };
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

geolocation google-visualization

3

Sukanta Paul 20 Фев 2013 в 18:16

Answer

Вам необходимо установить параметры на resolution: 'provinces'

Вот код (рабочий):

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

      function drawMarkersMap() {
      var data = google.visualization.arrayToDataTable([
        ['State', 'Data'],
        ['West Bengal', 5],
      ]);

      var options = {
        region: 'IN',
        displayMode: 'regions',
        resolution: 'provinces',
      };

      var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    };
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

6

jmac 21 Фев 2013 в 03:50

Question 2

Вам необходимо установить параметры на resolution: 'provinces'

Вот код (рабочий):

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

      function drawMarkersMap() {
      var data = google.visualization.arrayToDataTable([
        ['State', 'Data'],
        ['West Bengal', 5],
      ]);

      var options = {
        region: 'IN',
        displayMode: 'regions',
        resolution: 'provinces',
      };

      var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    };
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

6

jmac 21 Фев 2013 в 03:50

Google GeoChart не работает на уровне штата с displayMode для регионов

1 ответ

Похожие вопросы

Новые вопросы

geolocation