I am trying to display heatmap. But it is not displaying my own data. But it displays google example data found in https://developers.google.com/maps/documentation/javascript/examples/layer-heatmap But I wonder why the following code data is not working. Can someone tell why is that.
<script type="text/javascript">
var map, heatmap;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 13,
center: {lat: 54.432132, lng: -2.599662},
mapTypeId: google.maps.MapTypeId.ROADMAP
});
heatmap = new google.maps.visualization.HeatmapLayer({
data: getPoints(),
map: map
});
}
function toggleHeatmap() {
heatmap.setMap(heatmap.getMap() ? null : map);
}
function changeGradient() {
var gradient = [
'rgba(0, 255, 255, 0)',
'rgba(0, 255, 255, 1)',
'rgba(0, 191, 255, 1)',
'rgba(0, 127, 255, 1)',
'rgba(0, 63, 255, 1)',
'rgba(0, 0, 255, 1)',
'rgba(0, 0, 223, 1)',
'rgba(0, 0, 191, 1)',
'rgba(0, 0, 159, 1)',
'rgba(0, 0, 127, 1)',
'rgba(63, 0, 91, 1)',
'rgba(127, 0, 63, 1)',
'rgba(191, 0, 31, 1)',
'rgba(255, 0, 0, 1)'
]
heatmap.set('gradient', heatmap.get('gradient') ? null : gradient);
}
function changeRadius() {
heatmap.set('radius', heatmap.get('radius') ? null : 20);
}
function changeOpacity() {
heatmap.set('opacity', heatmap.get('opacity') ? null : 0.2);
}
// Heatmap data: 500 Points
function getPoints() {
return [
new google.maps.LatLng(30.376142,-97.763058),
new google.maps.LatLng(30.377782,-97.826027),
new google.maps.LatLng(30.383618,-97.832927),
new google.maps.LatLng(30.330997,-97.824312),
new google.maps.LatLng(30.329975,-97.824823),
new google.maps.LatLng(30.32893,-97.825897),
new google.maps.LatLng(30.328105,-97.827067),
new google.maps.LatLng(30.32727,-97.827947),
new google.maps.LatLng(30.325013,-97.831722),
new google.maps.LatLng(30.324497,-97.833142),
new google.maps.LatLng(30.324097,-97.834267),
new google.maps.LatLng(30.32397,-97.835547),
new google.maps.LatLng(30.323805,-97.836927),
new google.maps.LatLng(30.323942,-97.83824),
new google.maps.LatLng(30.324877,-97.841123),
new google.maps.LatLng(30.325915,-97.84232),
new google.maps.LatLng(30.327208,-97.843092),
new google.maps.LatLng(30.328148,-97.843592),
new google.maps.LatLng(30.329207,-97.844008),
new google.maps.LatLng(30.343418,-97.78904),
new google.maps.LatLng(30.324365,-97.840505),
new google.maps.LatLng(30.323985,-97.838952),
new google.maps.LatLng(30.32527,-97.830937),
new google.maps.LatLng(30.319708,-97.776823),
new google.maps.LatLng(30.315788,-97.776912),
new google.maps.LatLng(30.313778,-97.777208),
new google.maps.LatLng(30.32651,-97.77886),
new google.maps.LatLng(30.32587,-97.77843),
new google.maps.LatLng(30.302503,-97.782878),
new google.maps.LatLng(30.297728,-97.786312),
new google.maps.LatLng(30.295208,-97.786563),
new google.maps.LatLng(30.306518,-97.779587),
new google.maps.LatLng(30.305582,-97.78024),
new google.maps.LatLng(30.301262,-97.783718),
new google.maps.LatLng(30.381402,-97.833952),
new google.maps.LatLng(30.383493,-97.832868),
new google.maps.LatLng(30.377033,-97.824848),
new google.maps.LatLng(30.317047,-97.744832),
new google.maps.LatLng(30.308042,-97.741335),
new google.maps.LatLng(30.307332,-97.74071),
new google.maps.LatLng(30.310128,-97.777952),
new google.maps.LatLng(30.308963,-97.778342),
new google.maps.LatLng(30.382502,-97.832142),
new google.maps.LatLng(30.377058,-97.819847),
new google.maps.LatLng(30.380318,-97.828907),
new google.maps.LatLng(30.389083,-97.743862),
new google.maps.LatLng(30.389755,-97.744062),
new google.maps.LatLng(30.39246,-97.74573),
new google.maps.LatLng(30.392842,-97.744903),
new google.maps.LatLng(30.393863,-97.745982),
new google.maps.LatLng(30.341202,-97.78642),
new google.maps.LatLng(30.342618,-97.787128),
new google.maps.LatLng(30.340067,-97.78641),
new google.maps.LatLng(30.323447,-97.77603),
new google.maps.LatLng(30.31784,-97.776337),
new google.maps.LatLng(30.38905,-97.746228),
new google.maps.LatLng(30.401783,-97.745647),
new google.maps.LatLng(30.41818,-97.74665),
new google.maps.LatLng(30.428812,-97.75771),
new google.maps.LatLng(30.424023,-97.757753),
new google.maps.LatLng(30.427875,-97.760498),
new google.maps.LatLng(30.430145,-97.763022),
new google.maps.LatLng(30.414698,-97.746215),
new google.maps.LatLng(30.398993,-97.746263),
new google.maps.LatLng(30.38708,-97.744095),
new google.maps.LatLng(30.370955,-97.741852),
new google.maps.LatLng(30.300035,-97.784397),
new google.maps.LatLng(30.298888,-97.784688),
new google.maps.LatLng(30.298013,-97.784187),
new google.maps.LatLng(30.377483,-97.825803),
new google.maps.LatLng(30.327795,-97.778072),
new google.maps.LatLng(30.329125,-97.7786),
new google.maps.LatLng(30.332,-97.780143),
new google.maps.LatLng(30.31893,-97.77647),
new google.maps.LatLng(30.317468,-97.776475),
new google.maps.LatLng(30.301273,-97.783267),
new google.maps.LatLng(30.301532,-97.783798),
new google.maps.LatLng(30.299333,-97.784312),
new google.maps.LatLng(30.325182,-97.776738),
new google.maps.LatLng(30.294923,-97.785892),
new google.maps.LatLng(30.377062,-97.823153),
new google.maps.LatLng(30.380535,-97.82939),
new google.maps.LatLng(30.30682,-97.730568),
new google.maps.LatLng(30.295678,-97.78619),
new google.maps.LatLng(30.304935,-97.780005),
new google.maps.LatLng(30.306233,-97.779292),
new google.maps.LatLng(30.310243,-97.77711),
new google.maps.LatLng(30.327475,-97.777863),
new google.maps.LatLng(30.330077,-97.779202),
new google.maps.LatLng(30.331462,-97.779958),
new google.maps.LatLng(30.334212,-97.781392),
new google.maps.LatLng(30.337953,-97.784138),
new google.maps.LatLng(30.343863,-97.788038),
new google.maps.LatLng(30.331865,-97.781497),
new google.maps.LatLng(30.329332,-97.780095),
new google.maps.LatLng(30.327977,-97.779485),
new google.maps.LatLng(30.325235,-97.77835),
new google.maps.LatLng(30.32383,-97.77789),
new google.maps.LatLng(30.377328,-97.820673),
new google.maps.LatLng(30.29702,-97.785102),
new google.maps.LatLng(30.308217,-97.77802),
new google.maps.LatLng(30.310742,-97.777158),
new google.maps.LatLng(30.312037,-97.776782),
new goog