title: Google GeoChart - "Sub-Continents"
body: <p>I'm having trouble highlighting "Northern America". I've tried many different things, "Continents", "Sub-Contninets", etc. What if I only want to highlight Northern America? </p>
  
  <p>The first example doesn't work.
  My second does highlight only the main continent regions.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
      &lt;div id="regions_div" style="width: 900px; height: 500px;"&gt;&lt;/div&gt;
      &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js?sensor=false&amp;callback=initialize"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="https://www.google.com/jsapi?sensor=false"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
      google.charts.load('current', {'packages':['geochart']});
      google.charts.setOnLoadCallback(drawRegionsMap);
  
      function drawRegionsMap() {
  
      var data = google.visualization.arrayToDataTable([
                ['Region Code', 'Sub-Continent', 'Popularity'],
                ['142', 'Asia', 0],
                ['150', 'Europe', 900],
                ['021', 'Northern America', 300],
                ['013', 'Central America', 300],
                ['005', 'South America', 900],
                ['009', 'Oceania', 300],
                ['002', 'Africa', 300]
      ]);
  
      var options = {resolution: 'sub-continents'};
  
      var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
  
      chart.draw(data, options);
      }
  &lt;/script&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
      &lt;div id="regions_div" style="width: 900px; height: 500px;"&gt;&lt;/div&gt;
      &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js?sensor=false&amp;callback=initialize"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="https://www.google.com/jsapi?sensor=false"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
      google.charts.load('current', {'packages':['geochart']});
      google.charts.setOnLoadCallback(drawRegionsMap);
  
      function drawRegionsMap() {
  
      var data = google.visualization.arrayToDataTable([
                ['Region Code', 'Continent', 'Popularity'],
                ['142', 'Asia', 0],
                ['150', 'Europe', 900],
                ['021', 'Northern America', 300],
                ['013', 'Central America', 300],
                ['005', 'South America', 900],
                ['009', 'Oceania', 300],
                ['002', 'Africa', 300]
      ]);
  
      var options = {resolution: 'continents'};
  
      var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
  
      chart.draw(data, options);
      }
  &lt;/script&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>