HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>國立中興大學校園路燈分佈</title>
<!-- 主要程式架構參考自 https://developers.google.com/maps/documentation/javascript/examples/layer-heatmap?hl=zh-tw -->
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map, heatmap;
function initMap() {
// 為了標示校園範圍定義一個Polyline Array
// 參考自 https://developers.google.com/maps/documentation/javascript/examples/polyline-simple?hl=zh-tw
// Define the LatLng coordinates for the polyline.
var campusBoundary = [
{lat: 24.116756, lng: 120.671803},
{lat: 24.119052, lng: 120.671830},
{lat: 24.119051, lng: 120.671974},
{lat: 24.123205, lng: 120.671997},
{lat: 24.123411, lng: 120.672062},
{lat: 24.123607, lng: 120.672182},
{lat: 24.123728, lng: 120.672302},
{lat: 24.123848, lng: 120.672483},
{lat: 24.123934, lng: 120.672762},
{lat: 24.123969, lng: 120.673090},
{lat: 24.123977, lng: 120.673882},
{lat: 24.124108, lng: 120.675160},
{lat: 24.124122, lng: 120.676482},
{lat: 24.124041, lng: 120.677665},
{lat: 24.123983, lng: 120.678192},
{lat: 24.123893, lng: 120.679595},
{lat: 24.123903, lng: 120.679988},
{lat: 24.123904, lng: 120.681082},
{lat: 24.122377, lng: 120.681078},
{lat: 24.122380, lng: 120.680767},
{lat: 24.122564, lng: 120.680763},
{lat: 24.122564, lng: 120.679271},
{lat: 24.117145, lng: 120.679306},
{lat: 24.117171, lng: 120.678060},
{lat: 24.117161, lng: 120.677910},
{lat: 24.116821, lng: 120.676083},
{lat: 24.116886, lng: 120.676056},
{lat: 24.116906, lng: 120.676031},
{lat: 24.116910, lng: 120.675994},
{lat: 24.116160, lng: 120.673329},
{lat: 24.116769, lng: 120.673137},
{lat: 24.116914, lng: 120.673124},
{lat: 24.117197, lng: 120.672956},
{lat: 24.117226, lng: 120.672913},
{lat: 24.117235, lng: 120.672864},
{lat: 24.117107,...