PBH degrded areas

by pbhenderson

HTML

<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA5XlnVafewY9r2YPVPSpR4wxY7RaRO8aw&callback=initMap" async defer></script>

CSS

html, body { height: 100%; margin: 0; padding: 0; } #map { height: 100%; }

JavaScript

// PBH sites

// First, create an site containing LatLng and data for each.
var citymap = {
  Site_10A_1: {   center:    {lat:-26.9758,lng:152.9831}, value:27750, priority:657},
  Site_40A_1: {   center:    {lat:-27.0465,lng:152.8837}, value:13560, priority:892},
  Site_40A_2: {   center:    {lat:-27.0407,lng:152.8684}, value:33280, priority:3125},
  Site_40A_3: {   center:    {lat:-27.0402,lng:152.8677}, value:7120, priority:2500},
  Site_40A_4: {   center:    {lat:-26.9422,lng:152.7688}, value:10500, priority:1388},
  Site_40A_5: {   center:    {lat:-26.9258,lng:152.7451}, value:31520, priority:781},
  Site_40A_6: {   center:    {lat:-26.9244,lng:152.7416}, value:15175, priority:625},
  Site_40A_7: {   center:    {lat:-26.9244,lng:152.7419}, value:25875, priority:595},
  Site_40B_1: {   center:    {lat:-26.9361,lng:152.4636}, value:11500, priority:480},
  Site_40B_2: {   center:    {lat:-26.9383,lng:152.4087}, value:674805, priority:4166},
  Site_42A_1: {   center:    {lat:-26.9855,lng:152.3584}, value:164625, priority:462},
  Site_42A_2: {   center:    {lat:-27.0258,lng:152.3694}, value:0, priority:337},
  Site_42A_3: {   center:    {lat:-27.04,lng:152.3781}, value:16345, priority:367},
  Site_42A_4: {   center:    {lat:-27.5343,lng:152.6767}, value:0, priority:328},
  Site_42A_5: {   center:    {lat:-27.5075,lng:152.6699}, value:30720, priority:833},
  Site_120_1: {   center:    {lat:-27.2373,lng:153.0287}, value:38325, priority:568},
  Site_126_1: {   center:    {lat:-27.0757,lng:153.0388}, value:0, priority:320},
  Site_126_2: {   center:    {lat:-27.076,lng:153.0452}, value:0, priority:312},
  Site_126_3: {   center:    {lat:-27.0734,lng:153.0329}, value:0, priority:304},
  Site_141_1: {   center:    {lat:-26.3677,lng:152.8684}, value:16887.5, priority:735},
  Site_410_1: {   center:    {lat:-27.2389,lng:152.5703}, value:4105, priority:500},
  Site_412_1: {   center:    {lat:-27.4645,lng:152.5648}, value:5605, priority:543},
  Site_414_1: {   center:   ...