Skip to content

Instantly share code, notes, and snippets.

@EvanDotPro
Last active July 26, 2018 05:33
Show Gist options
  • Save EvanDotPro/35aa6b34c8456fd1c43bf5743a3bbb8e to your computer and use it in GitHub Desktop.
Save EvanDotPro/35aa6b34c8456fd1c43bf5743a3bbb8e to your computer and use it in GitHub Desktop.
<html>
<head>
<title>Fishing Map - Fish Connection</title>
<style>
body {
background-color: #383838;
margin: 0px;
padding: 0px;
height: 100%;
display: flex;
flex-direction: column;
}
#map_canvas {
width: 100%;
height: 100%;
}
#map-wrapper {
width: 100%;
height: 100%;
display: flex;
flex: auto;
flex-direction: column;
max-height: 100%;
}
#map-wrapper #map-header img {
height: 100px;
}
#map-wrapper #map-header {
background-color: #1D1D1D;
height: 110px;
flex: none;
width: 100%;
text-align: center;
}
</style>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true"></script>
</head>
<body>
<div id="map-wrapper">
<div id="map-header">
<a href="https://fishconnectionct.com/"><img src="http://adamlabbe.com/fishconnectionct/wp-content/uploads/2018/07/logo-1.png" title="Return to Site"></a>
</div>
<div id="map_canvas"></div>
</div>
<script>
geocoder = new google.maps.Geocoder();
var pos = new google.maps.LatLng(40.8636, -71.9108);
var initialZoom = 9;
var myOptions = {
center: pos,
zoom: initialZoom,
mapTypeId: google.maps.MapTypeId.HYBRID,
scaleControl: true,
zoomControl: true,
scrollwheel: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE
}
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
layerStructure = new google.maps.FusionTablesLayer({
map: map,
heatmap: { enabled: false },
query: {
select: "col2",
from: "1nxeiXkVWTlSV5I8KYl93kkMHi4_aVsm3kbZaS3LY",
where: ""
},
options: {
styleId: 2,
templateId: 2
}
});
layerSpots = new google.maps.FusionTablesLayer({
map: map,
heatmap: { enabled: false },
query: {
select: "col2",
from: "1WPeMj9rPWolJDIYcdkcGOq7pgABGXgjAzPta9kTx",
where: ""
},
options: {
styleId: 2,
templateId: 2
}
});
var LayerFishingMaps = new google.maps.KmlLayer("https://s3.amazonaws.com/KML/maps.kml", { preserveViewport: true });
LayerFishingMaps.setMap(map);
var LayerNewSpots = new google.maps.KmlLayer("https://s3.amazonaws.com/KML/new-spots.kml",{preserveViewport: true});
LayerNewSpots.setMap(map);
var weatherLayer = new google.maps.weather.WeatherLayer({
temperatureUnits: google.maps.weather.TemperatureUnit.FAHRENHEIT
});
weatherLayer.setMap(map);
var cloudLayer = new google.maps.weather.CloudLayer();
cloudLayer.setMap(map);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment