Maps

<style><!-- [et_pb_line_break_holder] -->#map {<!-- [et_pb_line_break_holder] --> height : 700px;<!-- [et_pb_line_break_holder] --> width : 100%;<!-- [et_pb_line_break_holder] --> overflow : hidden;<!-- [et_pb_line_break_holder] --> float : left;<!-- [et_pb_line_break_holder] --> border : thin solid #333;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->#map img[src*='kml'] {<!-- [et_pb_line_break_holder] --> /*opacity: .35;*/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media screen and (max-width: 980px) {<!-- [et_pb_line_break_holder] -->#map {<!-- [et_pb_line_break_holder] --> height : 500px;<!-- [et_pb_line_break_holder] --> width : 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->div#checkmark_controls {<!-- [et_pb_line_break_holder] --> width: 330px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media screen and (max-width: 630px) {<!-- [et_pb_line_break_holder] -->#map {<!-- [et_pb_line_break_holder] --> height : 450px;<!-- [et_pb_line_break_holder] --> width :100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media screen and (max-width: 520px) {<!-- [et_pb_line_break_holder] -->#map {<!-- [et_pb_line_break_holder] --> height : 400px;<!-- [et_pb_line_break_holder] --> width :100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media screen and (max-width: 480px) {<!-- [et_pb_line_break_holder] -->#map {<!-- [et_pb_line_break_holder] --> height : 300px;<!-- [et_pb_line_break_holder] --> width : 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#distable {<!-- [et_pb_line_break_holder] --> fontsize:6px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.gm-style-iw div div div table {<!-- [et_pb_line_break_holder] --> /* background: red; */<!-- [et_pb_line_break_holder] --> font-size: xx-small !important;<!-- [et_pb_line_break_holder] --> margin: 0px !important;<!-- [et_pb_line_break_holder] --> padding: 0px !important;<!-- [et_pb_line_break_holder] --> margin-top: 10px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.gm-style-iw div div div table tbody tr td {<!-- [et_pb_line_break_holder] --> padding: 0px !important;<!-- [et_pb_line_break_holder] --> margin: 0px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.gm-style-iw div {<!-- [et_pb_line_break_holder] --> max-width: 221px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media screen and (max-width: 380px) {<!-- [et_pb_line_break_holder] -->#map {<!-- [et_pb_line_break_holder] --> height : 250px;<!-- [et_pb_line_break_holder] --> width : 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->div#checkmark_controls {<!-- [et_pb_line_break_holder] --> width: 200px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->div#checkmark_controls input[type=checkbox] {<!-- [et_pb_line_break_holder] --> margin-left: 55px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>

<div>Click on one of the following layouts to view.</div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><div id="checkmark_controls"> <!-- [et_pb_line_break_holder] --><input type="checkbox" name="layout" value="headwater" id="checkmark_headwater"> Headwaters<!-- [et_pb_line_break_holder] --><input type="checkbox" name="layout" value="waterbodies" id="checkmark_waterbodies"> Waterbodies<!-- [et_pb_line_break_holder] --><input type="checkbox" name="layout" value="wetlands" id="checkmark_wetlands"> Wetlands<!-- [et_pb_line_break_holder] --><input type="checkbox" name="layout" value="protected_land" id="checkmark_protected_land">Protected lands<!-- [et_pb_line_break_holder] --><input type="checkbox" name="layout" value="forest" id="checkmark_forest">Forest<!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --><div id="controls"></div><!-- [et_pb_line_break_holder] --><div id="map"></div>

<script><!-- [et_pb_line_break_holder] --> var layers = [<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'https://goo.gl/GNpw8e', layerObj : null, layerName : 'CA_ProtectedLands2.kml', layertype : 'protected_land', colorfill: '#a3ff73', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'https://goo.gl/fdqeK1', layerObj : null, layerName : 'ProvParks.kml', layertype : 'protected_land', colorfill: '#a3ff73', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'https://goo.gl/ARfntL', layerObj : null, layerName : 'Queens_parks.kml', layertype : 'protected_land', colorfill: '#a3ff73', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'https://goo.gl/N4AKwB', layerObj : null, layerName : 'Headwaters_1.kml', layertype : 'headwater', colorfill: '#4c0073', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'https://goo.gl/oqV1vg', layerObj : null, layerName : 'Headwater_2.kml', layertype : 'headwater', colorfill: '#4c0073', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'https://goo.gl/NQeyZr', layerObj : null, layerName : 'Headwater_3.kml', layertype : 'headwater', colorfill: '#4c0073', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'https://goo.gl/oobghZ', layerObj : null, layerName : 'Headwater_4.kml', layertype : 'headwater', colorfill: '#4c0073', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'https://goo.gl/YgXY8b', layerObj : null, layerName : 'Headwater_5.kml', layertype : 'headwater', colorfill: '#4c0073', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type : 'fusion', select : '', from : '1WgBuh4BBEOBzPPwJYMnbgZ-XhR2NGPHwGTC_GDo7', where : '', layerObj : null, layerName : 'wetlands', src: 'wetlands', layertype : 'wetlands', colorfill: '#ada800', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type : 'fusion', select : '', from : '1pOpsW4ToApKje_MKYlOUETdt4ClDv8sarnNCWLzv', where : '', layerObj : null, layerName : 'wetlands', src: 'wetlands', layertype : 'wetlands', colorfill: '#ada800', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type : 'fusion', select : '', from : '1Dld_kIhFuBBgBfkr4eYkAL7RV8mhzikrF1VwnNx1', where : '', layerObj : null, layerName : 'waterbodies', src: 'waterbodies', layertype : 'waterbodies', colorfill: '#0070ff', outline: '0.5'},<!-- [et_pb_line_break_holder] -->{ type : 'fusion', select : '', from : '1tzlcGy9CIsNHMS5FjRZG6m_ZxUd-kJ4a4ZD9mJos', where : '', layerObj : null, layerName : 'wetlands', src: 'wetlands', layertype : 'wetlands', colorfill: '#0070ff', outline: '0.5'},<!-- [et_pb_line_break_holder] -->{ type : 'fusion', select : '', from : '1WzOo7yWkWM5EB6dI_SXUg_QJ1V5IwrUCKM3GS13G', where : '', layerObj : null, layerName : 'forest', src: 'forest', layertype : 'forest', colorfill: '#0070ff', outline: '0.5'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'http://webtestplatform.com/landconservancykfla2/kmls/Forests/Forests_CS_PART1/Forests_60ha_CS_8_3.kml', layerObj : null, layerName : 'Forests_20_CS_8_3.kml', layertype : 'forest', colorfill: '#a3ff73', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'http://webtestplatform.com/landconservancykfla2/kmls/Forests/Forests_CS_PART1/Forests_60ha_CS_16.kml', layerObj : null, layerName : 'Forests_20_CS_16.kml', layertype : 'forest', colorfill: '#a3ff73', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'http://webtestplatform.com/landconservancykfla2/kmls/Forests/Forests_CS_PART1/Forests_60ha_CS_1.kml', layerObj : null, layerName : 'Forests_20_CS_1.kml', layertype : 'forest', colorfill: '#a3ff73', outline: '0'},<!-- [et_pb_line_break_holder] -->{ type:'kml', src : 'http://webtestplatform.com/landconservancykfla2/kmls/Forests/Forests_CS_PART1/Forests_60ha_CS_7_4.kml', layerObj : null, layerName : 'Forests_20_CS_7_4.kml', layertype : 'forest', colorfill: '#a3ff73', outline: '0'}<!-- [et_pb_line_break_holder] --> ];<!-- [et_pb_line_break_holder] --></script>

<script><!-- [et_pb_line_break_holder] --> var map;<!-- [et_pb_line_break_holder] --> var debug = false;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function toggleLayerRadio() {<!-- [et_pb_line_break_holder] --> layerIndex = this.value;<!-- [et_pb_line_break_holder] --> for (var i = 0; i < layers.length; i++) {<!-- [et_pb_line_break_holder] --> var src = layers[i].src;<!-- [et_pb_line_break_holder] --> if (src.indexOf(layerIndex) >= 0) {<!-- [et_pb_line_break_holder] --> layers[i].layerObj.setMap(map);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> layers[i].layerObj.setMap(null);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function toggleLayerCheckBox() {<!-- [et_pb_line_break_holder] --> for (var i = 0; i < layers.length; i++) {<!-- [et_pb_line_break_holder] --> layers[i].layerObj.setMap(null);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> for (var i = 0; i < layers.length; i++) {<!-- [et_pb_line_break_holder] --> var src = 'checkmark_' + layers[i].layertype;<!-- [et_pb_line_break_holder] --> layers[i].layerObj.setMap(null);<!-- [et_pb_line_break_holder] --> if (document.getElementById(src).checked) {<!-- [et_pb_line_break_holder] --> layers[i].layerObj.setMap(map);<!-- [et_pb_line_break_holder] --> } <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function initMap() {<!-- [et_pb_line_break_holder] --> map = new google.maps.Map(document.getElementById('map'), {<!-- [et_pb_line_break_holder] --> center: {<!-- [et_pb_line_break_holder] --> lat: 44.2312,<!-- [et_pb_line_break_holder] --> lng: -76.4860<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> zoom: 9<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> for (var i = 0; i < layers.length; i++) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (layers[i].type === 'kml') {<!-- [et_pb_line_break_holder] --> var kmlsrc = layers[i].src + '?dummy=' + (new Date()).getTime();<!-- [et_pb_line_break_holder] --> console.log("Adding KML Map Layer: ", layers[i].layerName);<!-- [et_pb_line_break_holder] --> layers[i].layerObj = new google.maps.KmlLayer(kmlsrc, {<!-- [et_pb_line_break_holder] --> suppressInfoWindows: false,<!-- [et_pb_line_break_holder] --> preserveViewport: true,<!-- [et_pb_line_break_holder] --> map: null<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> } else if (layers[i].type === 'fusion') {<!-- [et_pb_line_break_holder] --> console.log("Adding Fusion Map Layer: ", layers[i].layerName);<!-- [et_pb_line_break_holder] --> layers[i].layerObj = new google.maps.FusionTablesLayer({<!-- [et_pb_line_break_holder] --> query: {<!-- [et_pb_line_break_holder] --> from: layers[i].from<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> styleId: 2<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (layers[i].src.indexOf('put keyword here') >= 0 && layers[i].src.indexOf('*') < 0) {<!-- [et_pb_line_break_holder] --> layers[i].layerObj.setMap(map);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> buildLegend();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function buildLegend() {<!-- [et_pb_line_break_holder] --> var legend = document.getElementById('controls');<!-- [et_pb_line_break_holder] --> var container, checkbox, label, id;<!-- [et_pb_line_break_holder] --> container = document.createElement('p');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> document.getElementById('checkmark_protected_land').addEventListener('click', toggleLayerCheckBox);<!-- [et_pb_line_break_holder] --> document.getElementById('checkmark_headwater').addEventListener('click', toggleLayerCheckBox);<!-- [et_pb_line_break_holder] --> document.getElementById('checkmark_waterbodies').addEventListener('click', toggleLayerCheckBox);<!-- [et_pb_line_break_holder] --> document.getElementById('checkmark_wetlands').addEventListener('click', toggleLayerCheckBox);<!-- [et_pb_line_break_holder] --> document.getElementById('checkmark_forest').addEventListener('click', toggleLayerCheckBox);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (debug) {<!-- [et_pb_line_break_holder] --> for (var i = 0; i < layers.length; i++) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> console.log("Adding legend for layer ", layers[i].layerName);<!-- [et_pb_line_break_holder] --> id = 'map_layer_' + i;<!-- [et_pb_line_break_holder] --> checkbox = document.createElement('input');<!-- [et_pb_line_break_holder] --> checkbox.setAttribute('id', id);<!-- [et_pb_line_break_holder] --> checkbox.checked = true;<!-- [et_pb_line_break_holder] --> checkbox.type = 'checkbox';<!-- [et_pb_line_break_holder] --> checkbox.value = i;<!-- [et_pb_line_break_holder] --> checkbox.addEventListener('click', toggleLayerCheckBox);<!-- [et_pb_line_break_holder] --> label = document.createElement('label');<!-- [et_pb_line_break_holder] --> label.innerText = layers[i].layerName;<!-- [et_pb_line_break_holder] --> label.setAttribute('for', id);<!-- [et_pb_line_break_holder] --> container.appendChild(checkbox);<!-- [et_pb_line_break_holder] --> container.appendChild(label);<!-- [et_pb_line_break_holder] --> legend.appendChild(container);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] --><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAFI9uOd1dvPR8SlPshF31COM1zz5CmNv4&callback=initMap" async defer></script>