Как мне увеличить размер этой карты? - PullRequest
0 голосов
/ 16 августа 2010
<!--
  copyright (c) 2009 Google inc.

  You are free to copy and use this sample.
  License can be found here: 

http://code.google.com/apis/ajaxsearch/faq/#license
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; 

charset=utf-8" />
  <title>Google Visualization API Sample</title>
  <script type="text/javascript" 

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

    function drawVisualization() {
      var data = new google.visualization.DataTable();
      data.addRows(6);
      data.addColumn('string', 'Country');
      data.addColumn('number', 'Popularity');

      data.setValue(1, 0, 'United 10:19 AM 8/16/2010States');
      data.setValue(1, 1, 300);
     var options = { region: 'us_metro' };

      var geomap = new google.visualization.GeoMap(
          document.getElementById('visualization'));
      geomap.draw(data, options);
    }


    google.setOnLoadCallback(drawVisualization);
  </script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 800px; height: 

400px;"></div>
</body>
</html>
​

Ответы [ 2 ]

5 голосов
/ 23 февраля 2012

Что касается GeoMap, это может помочь

  options['width']='800';
  options['height']= '600';
  geomap.draw(data,options);
2 голосов
/ 16 августа 2010

Чтобы увеличить размер визуализации карты, вам нужно изменить значения пикселей в атрибуте style <div id="visualization" ....

Например:

<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 1600px; height: 800px;"></div>
</body>

Также я заметил, что вы используете API визуализации Google.* Если вы не собираетесь показывать некоторые диаграммы или создавать карту интенсивности или географическую карту, Я рекомендую использовать API Карт Google - вы можете манипулировать многими другими элементами карты.

...