Geo Chart Example

An example of a Google Geo Chart.

by mram888

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<select id="mapRegion" class="form-control input-sm pull-right mr5"  ng-model="mapRegion" name="mapRegion" onchange="drawRegionsMap()">
            <option value="world" selected="selected">World</option>
            <optgroup label="Americas">
            <option value="019">Americas</option>
            <option value="021">Northern America</option>
            <option value="US">United States of America</option>
            <option value="029">Caribbean</option>
            <option value="013">Central America</option>
            <option value="ME">Mexico</option>
            <option value="005">South America</option>
            </optgroup>
            <optgroup label="Europe">
            <option value="150">Europe</option>
            <option value="154">Northern Europe</option>
            <option value="GB">United Kingdom</option>
            <option value="155">Western Europe</option>
            <option value="DE">Germany</option>
            <option value="FR">France</option>
            <option value="151">Eastern Europe</option>
            <option value="039">Southern Europe</option>
            <option value="ES">Spain</option>
            </optgroup>
            <optgroup label="Asia">
            <option value="142">Asia</option>
            <option value="143">Central Asia</option>
            <option value="030">Eastern Asia</option>
            <option value="034">Southern Asia</option>
            <option value="035">South-Eastern Asia</option>
            <option value="145">Western Asia</option>
            </optgroup>
            <optgroup label="Africa">
            <option value="002">Africa</option>
            <option value="015">Northern Africa</option>
            <option value="011">Western Africa</option>
            <option value="017">Middle Africa</option>
           ...

JavaScript

var array = [[51.509,-0.126,'London',10],[5.55602,-0.1969,'Accra',6],[38.50754,-0.23346,'Villajoyosa',1],[39.47,-0.377,'Valencia',21],[42.13615,-0.4087,'Huesca',3],[38.34517,-0.48149,'Alicante',9],[39.4,-0.4,'Catarroja',1],[38.26218,-0.70107,'Elche',3],[41.65606,-0.87734,'Zaragoza',7],[52.25,-0.88333,'Northampton',1],[53.958,-1.083,'York',5],[37.98704,-1.13004,'Murcia',2],[53.79648,-1.54785,'Leeds',1],[42.06166,-1.60452,'Tudela',1],[6.68848,-1.62443,'Kumasi',4],[42.81687,-1.64323,'Pamplona',2],[37.67119,-1.7017,'Lorca',2],[38.99424,-1.85643,'Albacete',1],[52.48142,-1.89983,'Birmingham',2],[21.12131,-101.66801,'León',1],[35.222,-101.8313,'Amarillo',1],[21.88333,-102.3,'Aguascalientes',1],[23,-102,'Mexico',2],[20.66682,-103.39182,'Guadalajara',1],[48.55,-109.68409,'Havre',2],[33.39422,-110.7865,'Globe',1],[34.00501,-118.81009,'Malibu',1],[47.50012,-120.50147,'Washington',1],[37.80437,-122.2708,'Oakland',1],[21.30694,-157.85833,'Honolulu',1],[13.45274,-16.57803,'Gambia',1],[14.6937,-17.44406,'Dakar',2],[53.40979,-2.15761,'Stockport',1],[53.48095,-2.23743,'Manchester',2],[7.33991,-2.32676,'Sunyani',3],[36.83814,-2.45974,'Almería',4],[42.46667,-2.45,'Logroño',1],[43.18493,-2.47158,'Eibar',1],[39.26992,-2.60118,'Villarrobledo',1],[43.17124,-2.6338,'Durango',1],[37.49073,-2.77259,'Baza',1],[53.56685,-2.88178,'Ormskirk',1],[43.26271,-2.92528,'Bilbao',1],[53.41058,-2.97794,'Liverpool',5],[38.21896,-2.9807,'Campiña',1],[53.81667,-3.05,'Blackpool',1],[38.99915,-3.36991,'Manzanares',2],[40.30076,-3.43722,'Arganda',5],[40.45,-3.48333,'Torrejón de...