Mitesh Prajapati14 Ответов: 0

Как отобразить все графства Англии в Google geochart

Я хочу отобразить все графства Англии Соединенного Королевства в google geo chart. Кто-нибудь может пожалуйста помочь мне.

Что я уже пробовал:

<!DOCTYPE html>
<html>
  <head>
    <title>Showing pixel and tile coordinates</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
  </head>
  <body>
    <div id="visualization" style="margin: 1em"> </div>
    <script>
      google.load('visualization', '1', { 'packages': ['geochart'] });
    google.setOnLoadCallback(drawMap);

    function drawMap() {
        var data = google.visualization.arrayToDataTable([
    ['Country', 'Site', 'Counts'],
    ['England', 0, 10],
	['Scotland', 1, 20]
    ]);

        var options = {width: '90%', height: '1000'};
		options['zoom']= '20';
        options['region'] = 'GB';
		options['displayMode']='regions';
        options['resolution'] = 'provinces';
        options['colors'] = ['#0e9a0e', '#fadc41', '#d74a12'];
        options['legend'] = 'none';
         

        var container = document.getElementById('visualization');
        var geochart = new google.visualization.GeoChart(container);
        geochart.draw(data, options);
    };
    </script>
	 
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY&callback=initMap">
    </script>
	
	
  </body>
</html>

CHill60

Что не так с кодом, который у вас есть?

0 Ответов