Heatmaps

This example overlays a heatmap on top of the map. It includes buttons that allow users to change the appearance of the heatmap.

Read thedocumentation.

TypeScript

// This example requires the Visualization library. Include the libraries=visualization
// parameter when you first load the API. For example:
// <script src= "https://maps.googleapis /maps/api/js?key=YOUR_API_KEY&libraries=visualization">

letmap:google.maps.Map,heatmap:google.maps.visualization.HeatmapLayer;

functioninitMap():void{
map=newgoogle.maps.Map(document.getElementById("map")asHTMLElement,{
zoom:13,
center:{lat:37.775,lng:-122.434},
mapTypeId:"satellite",
});

heatmap=newgoogle.maps.visualization.HeatmapLayer({
data:getPoints(),
map:map,
});

document
.getElementById("toggle-heatmap")!
.addEventListener("click",toggleHeatmap);
document
.getElementById("change-gradient")!
.addEventListener("click",changeGradient);
document
.getElementById("change-opacity")!
.addEventListener("click",changeOpacity);
document
.getElementById("change-radius")!
.addEventListener("click",changeRadius);
}

functiontoggleHeatmap():void{
heatmap.setMap(heatmap.getMap()?null:map);
}

functionchangeGradient():void{
constgradient=[
"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);
}

functionchangeRadius():void{
heatmap.set("radius",heatmap.get("radius")?null:20);
}

functionchangeOpacity():void{
heatmap.set("opacity",heatmap.get("opacity")?null:0.2);
}

// Heatmap data: 500 Points
functiongetPoints(){
return[
newgoogle.maps.LatLng(37.782551,-122.445368),
newgoogle.maps.LatLng(37.782745,-122.444586),
newgoogle.maps.LatLng(37.782842,-122.443688),
newgoogle.maps.LatLng(37.782919,-122.442815),
newgoogle.maps.LatLng(37.782992,-122.442112),
newgoogle.maps.LatLng(37.7831,-122.441461),
newgoogle.maps.LatLng(37.783206,-122.440829),
newgoogle.maps.LatLng(37.783273,-122.440324),
newgoogle.maps.LatLng(37.783316,-122.440023),
newgoogle.maps.LatLng(37.783357,-122.439794),
newgoogle.maps.LatLng(37.783371,-122.439687),
newgoogle.maps.LatLng(37.783368,-122.439666),
newgoogle.maps.LatLng(37.783383,-122.439594),
newgoogle.maps.LatLng(37.783508,-122.439525),
newgoogle.maps.LatLng(37.783842,-122.439591),
newgoogle.maps.LatLng(37.784147,-122.439668),
newgoogle.maps.LatLng(37.784206,-122.439686),
newgoogle.maps.LatLng(37.784386,-122.43979),
newgoogle.maps.LatLng(37.784701,-122.439902),
newgoogle.maps.LatLng(37.784965,-122.439938),
newgoogle.maps.LatLng(37.78501,-122.439947),
newgoogle.maps.LatLng(37.78536,-122.439952),
newgoogle.maps.LatLng(37.785715,-122.44003),
newgoogle.maps.LatLng(37.786117,-122.440119),
newgoogle.maps.LatLng(37.786564,-122.440209),
newgoogle.maps.LatLng(37.786905,-122.44027),
newgoogle.maps.LatLng(37.786956,-122.440279),
newgoogle.maps.LatLng(37.800224,-122.43352),
newgoogle.maps.LatLng(37.800155,-122.434101),
newgoogle.maps.LatLng(37.80016,-122.43443),
newgoogle.maps.LatLng(37.800378,-122.434527),
newgoogle.maps.LatLng(37.800738,-122.434598),
newgoogle.maps.LatLng(37.800938,-122.43465),
newgoogle.maps.LatLng(37.801024,-122.434889),
newgoogle.maps.LatLng(37.800955,-122.435392),
newgoogle.maps.LatLng(37.800886,-122.435959),
newgoogle.maps.LatLng(37.800811,-122.436275),
newgoogle.maps.LatLng(37.800788,-122.436299),
newgoogle.maps.LatLng(37.800719,-122.436302),
newgoogle.maps.LatLng(37.800702,-122.436298),
newgoogle.maps.LatLng(37.800661,-122.436273),
newgoogle.maps.LatLng(37.800395,-122.436172),
newgoogle.maps.LatLng(37.800228,-122.436116),
newgoogle.maps.LatLng(37.800169,-122.43613),
newgoogle.maps.LatLng(37.800066,-122.436167),
newgoogle.maps.LatLng(37.784345,-122.422922),
newgoogle.maps.LatLng(37.784389,-122.422926),
newgoogle.maps.LatLng(37.784437,-122.422924),
newgoogle.maps.LatLng(37.784746,-122.422818),
newgoogle.maps.LatLng(37.785436,-122.422959),
newgoogle.maps.LatLng(37.78612,-122.423112),
newgoogle.maps.LatLng(37.786433,-122.423029),
newgoogle.maps.LatLng(37.786631,-122.421213),
newgoogle.maps.LatLng(37.78666,-122.421033),
newgoogle.maps.LatLng(37.786801,-122.420141),
newgoogle.maps.LatLng(37.786823,-122.420034),
newgoogle.maps.LatLng(37.786831,-122.419916),
newgoogle.maps.LatLng(37.787034,-122.418208),
newgoogle.maps.LatLng(37.787056,-122.418034),
newgoogle.maps.LatLng(37.787169,-122.417145),
newgoogle.maps.LatLng(37.787217,-122.416715),
newgoogle.maps.LatLng(37.786144,-122.416403),
newgoogle.maps.LatLng(37.785292,-122.416257),
newgoogle.maps.LatLng(37.780666,-122.390374),
newgoogle.maps.LatLng(37.780501,-122.391281),
newgoogle.maps.LatLng(37.780148,-122.392052),
newgoogle.maps.LatLng(37.780173,-122.391148),
newgoogle.maps.LatLng(37.780693,-122.390592),
newgoogle.maps.LatLng(37.781261,-122.391142),
newgoogle.maps.LatLng(37.781808,-122.39173),
newgoogle.maps.LatLng(37.78234,-122.392341),
newgoogle.maps.LatLng(37.782812,-122.393022),
newgoogle.maps.LatLng(37.7833,-122.393672),
newgoogle.maps.LatLng(37.783809,-122.394275),
newgoogle.maps.LatLng(37.784246,-122.394979),
newgoogle.maps.LatLng(37.784791,-122.395958),
newgoogle.maps.LatLng(37.785675,-122.396746),
newgoogle.maps.LatLng(37.786262,-122.39578),
newgoogle.maps.LatLng(37.786776,-122.395093),
newgoogle.maps.LatLng(37.787282,-122.394426),
newgoogle.maps.LatLng(37.787783,-122.393767),
newgoogle.maps.LatLng(37.788343,-122.393184),
newgoogle.maps.LatLng(37.788895,-122.392506),
newgoogle.maps.LatLng(37.789371,-122.391701),
newgoogle.maps.LatLng(37.789722,-122.390952),
newgoogle.maps.LatLng(37.790315,-122.390305),
newgoogle.maps.LatLng(37.790738,-122.389616),
newgoogle.maps.LatLng(37.779448,-122.438702),
newgoogle.maps.LatLng(37.779023,-122.438585),
newgoogle.maps.LatLng(37.778542,-122.438492),
newgoogle.maps.LatLng(37.7781,-122.438411),
newgoogle.maps.LatLng(37.777986,-122.438376),
newgoogle.maps.LatLng(37.77768,-122.438313),
newgoogle.maps.LatLng(37.777316,-122.438273),
newgoogle.maps.LatLng(37.777135,-122.438254),
newgoogle.maps.LatLng(37.776987,-122.438303),
newgoogle.maps.LatLng(37.776946,-122.438404),
newgoogle.maps.LatLng(37.776944,-122.438467),
newgoogle.maps.LatLng(37.776892,-122.438459),
newgoogle.maps.LatLng(37.776842,-122.438442),
newgoogle.maps.LatLng(37.776822,-122.438391),
newgoogle.maps.LatLng(37.776814,-122.438412),
newgoogle.maps.LatLng(37.776787,-122.438628),
newgoogle.maps.LatLng(37.776729,-122.43865),
newgoogle.maps.LatLng(37.776759,-122.438677),
newgoogle.maps.LatLng(37.776772,-122.438498),
newgoogle.maps.LatLng(37.776787,-122.438389),
newgoogle.maps.LatLng(37.776848,-122.438283),
newgoogle.maps.LatLng(37.77687,-122.438239),
newgoogle.maps.LatLng(37.777015,-122.438198),
newgoogle.maps.LatLng(37.777333,-122.438256),
newgoogle.maps.LatLng(37.777595,-122.438308),
newgoogle.maps.LatLng(37.777797,-122.438344),
newgoogle.maps.LatLng(37.77816,-122.438442),
newgoogle.maps.LatLng(37.778414,-122.438508),
newgoogle.maps.LatLng(37.778445,-122.438516),
newgoogle.maps.LatLng(37.778503,-122.438529),
newgoogle.maps.LatLng(37.778607,-122.438549),
newgoogle.maps.LatLng(37.77867,-122.438644),
newgoogle.maps.LatLng(37.778847,-122.438706),
newgoogle.maps.LatLng(37.77924,-122.438744),
newgoogle.maps.LatLng(37.779738,-122.438822),
newgoogle.maps.LatLng(37.780201,-122.438882),
newgoogle.maps.LatLng(37.7804,-122.438905),
newgoogle.maps.LatLng(37.780501,-122.438921),
newgoogle.maps.LatLng(37.780892,-122.438986),
newgoogle.maps.LatLng(37.781446,-122.439087),
newgoogle.maps.LatLng(37.781985,-122.439199),
newgoogle.maps.LatLng(37.782239,-122.439249),
newgoogle.maps.LatLng(37.782286,-122.439266),
newgoogle.maps.LatLng(37.797847,-122.429388),
newgoogle.maps.LatLng(37.797874,-122.42918),
newgoogle.maps.LatLng(37.797885,-122.429069),
newgoogle.maps.LatLng(37.797887,-122.42905),
newgoogle.maps.LatLng(37.797933,-122.428954),
newgoogle.maps.LatLng(37.798242,-122.42899),
newgoogle.maps.LatLng(37.798617,-122.429075),
newgoogle.maps.LatLng(37.798719,-122.429092),
newgoogle.maps.LatLng(37.798944,-122.429145),
newgoogle.maps.LatLng(37.79932,-122.429251),
newgoogle.maps.LatLng(37.79959,-122.429309),
newgoogle.maps.LatLng(37.799677,-122.429324),
newgoogle.maps.LatLng(37.799966,-122.42936),
newgoogle.maps.LatLng(37.800288,-122.42943),
newgoogle.maps.LatLng(37.800443,-122.429461),
newgoogle.maps.LatLng(37.800465,-122.429474),
newgoogle.maps.LatLng(37.800644,-122.42954),
newgoogle.maps.LatLng(37.800948,-122.42962),
newgoogle.maps.LatLng(37.801242,-122.429685),
newgoogle.maps.LatLng(37.801375,-122.429702),
newgoogle.maps.LatLng(37.8014,-122.429703),
newgoogle.maps.LatLng(37.801453,-122.429707),
newgoogle.maps.LatLng(37.801473,-122.429709),
newgoogle.maps.LatLng(37.801532,-122.429707),
newgoogle.maps.LatLng(37.801852,-122.429729),
newgoogle.maps.LatLng(37.802173,-122.429789),
newgoogle.maps.LatLng(37.802459,-122.429847),
newgoogle.maps.LatLng(37.802554,-122.429825),
newgoogle.maps.LatLng(37.802647,-122.429549),
newgoogle.maps.LatLng(37.802693,-122.429179),
newgoogle.maps.LatLng(37.802729,-122.428751),
newgoogle.maps.LatLng(37.766104,-122.409291),
newgoogle.maps.LatLng(37.766103,-122.409268),
newgoogle.maps.LatLng(37.766138,-122.409229),
newgoogle.maps.LatLng(37.766183,-122.409231),
newgoogle.maps.LatLng(37.766153,-122.409276),
newgoogle.maps.LatLng(37.766005,-122.409365),
newgoogle.maps.LatLng(37.765897,-122.40957),
newgoogle.maps.LatLng(37.765767,-122.409739),
newgoogle.maps.LatLng(37.765693,-122.410389),
newgoogle.maps.LatLng(37.765615,-122.411201),
newgoogle.maps.LatLng(37.765533,-122.412121),
newgoogle.maps.LatLng(37.765467,-122.412939),
newgoogle.maps.LatLng(37.765444,-122.414821),
newgoogle.maps.LatLng(37.765444,-122.414964),
newgoogle.maps.LatLng(37.765318,-122.415424),
newgoogle.maps.LatLng(37.763961,-122.415296),
newgoogle.maps.LatLng(37.763115,-122.415196),
newgoogle.maps.LatLng(37.762967,-122.415183),
newgoogle.maps.LatLng(37.762278,-122.415127),
newgoogle.maps.LatLng(37.761675,-122.415055),
newgoogle.maps.LatLng(37.760932,-122.414988),
newgoogle.maps.LatLng(37.759337,-122.414862),
newgoogle.maps.LatLng(37.773187,-122.421922),
newgoogle.maps.LatLng(37.773043,-122.422118),
newgoogle.maps.LatLng(37.773007,-122.422165),
newgoogle.maps.LatLng(37.772979,-122.422219),
newgoogle.maps.LatLng(37.772865,-122.422394),
newgoogle.maps.LatLng(37.772779,-122.422503),
newgoogle.maps.LatLng(37.772676,-122.422701),
newgoogle.maps.LatLng(37.772606,-122.422806),
newgoogle.maps.LatLng(37.772566,-122.42284),
newgoogle.maps.LatLng(37.772508,-122.422852),
newgoogle.maps.LatLng(37.772387,-122.423011),
newgoogle.maps.LatLng(37.772099,-122.423328),
newgoogle.maps.LatLng(37.771704,-122.423783),
newgoogle.maps.LatLng(37.771481,-122.424081),
newgoogle.maps.LatLng(37.7714,-122.424179),
newgoogle.maps.LatLng(37.771352,-122.42422),
newgoogle.maps.LatLng(37.771248,-122.424327),
newgoogle.maps.LatLng(37.770904,-122.424781),
newgoogle.maps.LatLng(37.77052,-122.425283),
newgoogle.maps.LatLng(37.770337,-122.425553),
newgoogle.maps.LatLng(37.770128,-122.425832),
newgoogle.maps.LatLng(37.769756,-122.426331),
newgoogle.maps.LatLng(37.7693,-122.426902),
newgoogle.maps.LatLng(37.769132,-122.427065),
newgoogle.maps.LatLng(37.769092,-122.427103),
newgoogle.maps.LatLng(37.768979,-122.427172),
newgoogle.maps.LatLng(37.768595,-122.427634),
newgoogle.maps.LatLng(37.768372,-122.427913),
newgoogle.maps.LatLng(37.768337,-122.427961),
newgoogle.maps.LatLng(37.768244,-122.428138),
newgoogle.maps.LatLng(37.767942,-122.428581),
newgoogle.maps.LatLng(37.767482,-122.429094),
newgoogle.maps.LatLng(37.767031,-122.429606),
newgoogle.maps.LatLng(37.766732,-122.429986),
newgoogle.maps.LatLng(37.76668,-122.430058),
newgoogle.maps.LatLng(37.766633,-122.430109),
newgoogle.maps.LatLng(37.76658,-122.430211),
newgoogle.maps.LatLng(37.766367,-122.430594),
newgoogle.maps.LatLng(37.76591,-122.431137),
newgoogle.maps.LatLng(37.765353,-122.431806),
newgoogle.maps.LatLng(37.764962,-122.432298),
newgoogle.maps.LatLng(37.764868,-122.432486),
newgoogle.maps.LatLng(37.764518,-122.432913),
newgoogle.maps.LatLng(37.763435,-122.434173),
newgoogle.maps.LatLng(37.762847,-122.434953),
newgoogle.maps.LatLng(37.762291,-122.435935),
newgoogle.maps.LatLng(37.762224,-122.436074),
newgoogle.maps.LatLng(37.761957,-122.436892),
newgoogle.maps.LatLng(37.761652,-122.438886),
newgoogle.maps.LatLng(37.761284,-122.439955),
newgoogle.maps.LatLng(37.76121,-122.440068),
newgoogle.maps.LatLng(37.761064,-122.44072),
newgoogle.maps.LatLng(37.76104,-122.441411),
newgoogle.maps.LatLng(37.761048,-122.442324),
newgoogle.maps.LatLng(37.760851,-122.443118),
newgoogle.maps.LatLng(37.759977,-122.444591),
newgoogle.maps.LatLng(37.759913,-122.444698),
newgoogle.maps.LatLng(37.759623,-122.445065),
newgoogle.maps.LatLng(37.758902,-122.445158),
newgoogle.maps.LatLng(37.758428,-122.44457),
newgoogle.maps.LatLng(37.757687,-122.44334),
newgoogle.maps.LatLng(37.757583,-122.44324),
newgoogle.maps.LatLng(37.757019,-122.442787),
newgoogle.maps.LatLng(37.756603,-122.442322),
newgoogle.maps.LatLng(37.75638,-122.441602),
newgoogle.maps.LatLng(37.75579,-122.441382),
newgoogle.maps.LatLng(37.754493,-122.442133),
newgoogle.maps.LatLng(37.754361,-122.442206),
newgoogle.maps.LatLng(37.753719,-122.44265),
newgoogle.maps.LatLng(37.753096,-122.442915),
newgoogle.maps.LatLng(37.751617,-122.443211),
newgoogle.maps.LatLng(37.751496,-122.443246),
newgoogle.maps.LatLng(37.750733,-122.443428),
newgoogle.maps.LatLng(37.750126,-122.443536),
newgoogle.maps.LatLng(37.750103,-122.443784),
newgoogle.maps.LatLng(37.75039,-122.44401),
newgoogle.maps.LatLng(37.750448,-122.444013),
newgoogle.maps.LatLng(37.750536,-122.44404),
newgoogle.maps.LatLng(37.750493,-122.444141),
newgoogle.maps.LatLng(37.790859,-122.402808),
newgoogle.maps.LatLng(37.790864,-122.402768),
newgoogle.maps.LatLng(37.790995,-122.402539),
newgoogle.maps.LatLng(37.791148,-122.402172),
newgoogle.maps.LatLng(37.791385,-122.401312),
newgoogle.maps.LatLng(37.791405,-122.400776),
newgoogle.maps.LatLng(37.791288,-122.400528),
newgoogle.maps.LatLng(37.791113,-122.400441),
newgoogle.maps.LatLng(37.791027,-122.400395),
newgoogle.maps.LatLng(37.791094,-122.400311),
newgoogle.maps.LatLng(37.791211,-122.400183),
newgoogle.maps.LatLng(37.79106,-122.399334),
newgoogle.maps.LatLng(37.790538,-122.398718),
newgoogle.maps.LatLng(37.790095,-122.398086),
newgoogle.maps.LatLng(37.789644,-122.39736),
newgoogle.maps.LatLng(37.789254,-122.396844),
newgoogle.maps.LatLng(37.788855,-122.396397),
newgoogle.maps.LatLng(37.788483,-122.395963),
newgoogle.maps.LatLng(37.788015,-122.395365),
newgoogle.maps.LatLng(37.787558,-122.394735),
newgoogle.maps.LatLng(37.787472,-122.394323),
newgoogle.maps.LatLng(37.78763,-122.394025),
newgoogle.maps.LatLng(37.787767,-122.393987),
newgoogle.maps.LatLng(37.787486,-122.394452),
newgoogle.maps.LatLng(37.786977,-122.395043),
newgoogle.maps.LatLng(37.786583,-122.395552),
newgoogle.maps.LatLng(37.78654,-122.39561),
newgoogle.maps.LatLng(37.786516,-122.395659),
newgoogle.maps.LatLng(37.786378,-122.395707),
newgoogle.maps.LatLng(37.786044,-122.395362),
newgoogle.maps.LatLng(37.785598,-122.394715),
newgoogle.maps.LatLng(37.785321,-122.394361),
newgoogle.maps.LatLng(37.785207,-122.394236),
newgoogle.maps.LatLng(37.785751,-122.394062),
newgoogle.maps.LatLng(37.785996,-122.393881),
newgoogle.maps.LatLng(37.786092,-122.39383),
newgoogle.maps.LatLng(37.785998,-122.393899),
newgoogle.maps.LatLng(37.785114,-122.394365),
newgoogle.maps.LatLng(37.785022,-122.394441),
newgoogle.maps.LatLng(37.784823,-122.394635),
newgoogle.maps.LatLng(37.784719,-122.394629),
newgoogle.maps.LatLng(37.785069,-122.394176),
newgoogle.maps.LatLng(37.7855,-122.39365),
newgoogle.maps.LatLng(37.78577,-122.393291),
newgoogle.maps.LatLng(37.785839,-122.393159),
newgoogle.maps.LatLng(37.782651,-122.400628),
newgoogle.maps.LatLng(37.782616,-122.400599),
newgoogle.maps.LatLng(37.782702,-122.40047),
newgoogle.maps.LatLng(37.782915,-122.400192),
newgoogle.maps.LatLng(37.783137,-122.399887),
newgoogle.maps.LatLng(37.783414,-122.399519),
newgoogle.maps.LatLng(37.783629,-122.399237),
newgoogle.maps.LatLng(37.783688,-122.399157),
newgoogle.maps.LatLng(37.783716,-122.399106),
newgoogle.maps.LatLng(37.783798,-122.399072),
newgoogle.maps.LatLng(37.783997,-122.399186),
newgoogle.maps.LatLng(37.784271,-122.399538),
newgoogle.maps.LatLng(37.784577,-122.399948),
newgoogle.maps.LatLng(37.784828,-122.40026),
newgoogle.maps.LatLng(37.784999,-122.400477),
newgoogle.maps.LatLng(37.785113,-122.400651),
newgoogle.maps.LatLng(37.785155,-122.400703),
newgoogle.maps.LatLng(37.785192,-122.400749),
newgoogle.maps.LatLng(37.785278,-122.400839),
newgoogle.maps.LatLng(37.785387,-122.400857),
newgoogle.maps.LatLng(37.785478,-122.40089),
newgoogle.maps.LatLng(37.785526,-122.401022),
newgoogle.maps.LatLng(37.785598,-122.401148),
newgoogle.maps.LatLng(37.785631,-122.401202),
newgoogle.maps.LatLng(37.78566,-122.401267),
newgoogle.maps.LatLng(37.803986,-122.426035),
newgoogle.maps.LatLng(37.804102,-122.425089),
newgoogle.maps.LatLng(37.804211,-122.424156),
newgoogle.maps.LatLng(37.803861,-122.423385),
newgoogle.maps.LatLng(37.803151,-122.423214),
newgoogle.maps.LatLng(37.802439,-122.423077),
newgoogle.maps.LatLng(37.80174,-122.422905),
newgoogle.maps.LatLng(37.801069,-122.422785),
newgoogle.maps.LatLng(37.800345,-122.422649),
newgoogle.maps.LatLng(37.799633,-122.422603),
newgoogle.maps.LatLng(37.79975,-122.4217),
newgoogle.maps.LatLng(37.799885,-122.420854),
newgoogle.maps.LatLng(37.799209,-122.420607),
newgoogle.maps.LatLng(37.795656,-122.400395),
newgoogle.maps.LatLng(37.795203,-122.400304),
newgoogle.maps.LatLng(37.778738,-122.415584),
newgoogle.maps.LatLng(37.778812,-122.415189),
newgoogle.maps.LatLng(37.778824,-122.415092),
newgoogle.maps.LatLng(37.778833,-122.414932),
newgoogle.maps.LatLng(37.778834,-122.414898),
newgoogle.maps.LatLng(37.77874,-122.414757),
newgoogle.maps.LatLng(37.778501,-122.414433),
newgoogle.maps.LatLng(37.778182,-122.414026),
newgoogle.maps.LatLng(37.777851,-122.413623),
newgoogle.maps.LatLng(37.777486,-122.413166),
newgoogle.maps.LatLng(37.777109,-122.412674),
newgoogle.maps.LatLng(37.776743,-122.412186),
newgoogle.maps.LatLng(37.77644,-122.4118),
newgoogle.maps.LatLng(37.776295,-122.411614),
newgoogle.maps.LatLng(37.776158,-122.41144),
newgoogle.maps.LatLng(37.775806,-122.410997),
newgoogle.maps.LatLng(37.775422,-122.410484),
newgoogle.maps.LatLng(37.775126,-122.410087),
newgoogle.maps.LatLng(37.775012,-122.409854),
newgoogle.maps.LatLng(37.775164,-122.409573),
newgoogle.maps.LatLng(37.775498,-122.40918),
newgoogle.maps.LatLng(37.775868,-122.40873),
newgoogle.maps.LatLng(37.776256,-122.40824),
newgoogle.maps.LatLng(37.776519,-122.407928),
newgoogle.maps.LatLng(37.776539,-122.407904),
newgoogle.maps.LatLng(37.776595,-122.407854),
newgoogle.maps.LatLng(37.776853,-122.407547),
newgoogle.maps.LatLng(37.777234,-122.407087),
newgoogle.maps.LatLng(37.777644,-122.406558),
newgoogle.maps.LatLng(37.778066,-122.406017),
newgoogle.maps.LatLng(37.778468,-122.405499),
newgoogle.maps.LatLng(37.778866,-122.404995),
newgoogle.maps.LatLng(37.779295,-122.404455),
newgoogle.maps.LatLng(37.779695,-122.40395),
newgoogle.maps.LatLng(37.779982,-122.403584),
newgoogle.maps.LatLng(37.780295,-122.403223),
newgoogle.maps.LatLng(37.780664,-122.402766),
newgoogle.maps.LatLng(37.781043,-122.402288),
newgoogle.maps.LatLng(37.781399,-122.401823),
newgoogle.maps.LatLng(37.781727,-122.401407),
newgoogle.maps.LatLng(37.781853,-122.401247),
newgoogle.maps.LatLng(37.781894,-122.401195),
newgoogle.maps.LatLng(37.782076,-122.400977),
newgoogle.maps.LatLng(37.782338,-122.400603),
newgoogle.maps.LatLng(37.782666,-122.400133),
newgoogle.maps.LatLng(37.783048,-122.399634),
newgoogle.maps.LatLng(37.78345,-122.399198),
newgoogle.maps.LatLng(37.783791,-122.398998),
newgoogle.maps.LatLng(37.784177,-122.398959),
newgoogle.maps.LatLng(37.784388,-122.398971),
newgoogle.maps.LatLng(37.784404,-122.399128),
newgoogle.maps.LatLng(37.784586,-122.399524),
newgoogle.maps.LatLng(37.784835,-122.399927),
newgoogle.maps.LatLng(37.785116,-122.400307),
newgoogle.maps.LatLng(37.785282,-122.400539),
newgoogle.maps.LatLng(37.785346,-122.400692),
newgoogle.maps.LatLng(37.765769,-122.407201),
newgoogle.maps.LatLng(37.76579,-122.407414),
newgoogle.maps.LatLng(37.765802,-122.407755),
newgoogle.maps.LatLng(37.765791,-122.408219),
newgoogle.maps.LatLng(37.765763,-122.408759),
newgoogle.maps.LatLng(37.765726,-122.409348),
newgoogle.maps.LatLng(37.765716,-122.409882),
newgoogle.maps.LatLng(37.765708,-122.410202),
newgoogle.maps.LatLng(37.765705,-122.410253),
newgoogle.maps.LatLng(37.765707,-122.410369),
newgoogle.maps.LatLng(37.765692,-122.41072),
newgoogle.maps.LatLng(37.765699,-122.411215),
newgoogle.maps.LatLng(37.765687,-122.411789),
newgoogle.maps.LatLng(37.765666,-122.412373),
newgoogle.maps.LatLng(37.765598,-122.412883),
newgoogle.maps.LatLng(37.765543,-122.413039),
newgoogle.maps.LatLng(37.765532,-122.413125),
newgoogle.maps.LatLng(37.7655,-122.413553),
newgoogle.maps.LatLng(37.765448,-122.414053),
newgoogle.maps.LatLng(37.765388,-122.414645),
newgoogle.maps.LatLng(37.765323,-122.41525),
newgoogle.maps.LatLng(37.765303,-122.415847),
newgoogle.maps.LatLng(37.765251,-122.416439),
newgoogle.maps.LatLng(37.765204,-122.41702),
newgoogle.maps.LatLng(37.765172,-122.417556),
newgoogle.maps.LatLng(37.765164,-122.418075),
newgoogle.maps.LatLng(37.765153,-122.418618),
newgoogle.maps.LatLng(37.765136,-122.419112),
newgoogle.maps.LatLng(37.765129,-122.419378),
newgoogle.maps.LatLng(37.765119,-122.419481),
newgoogle.maps.LatLng(37.7651,-122.419852),
newgoogle.maps.LatLng(37.765083,-122.420349),
newgoogle.maps.LatLng(37.765045,-122.42093),
newgoogle.maps.LatLng(37.764992,-122.421481),
newgoogle.maps.LatLng(37.76498,-122.421695),
newgoogle.maps.LatLng(37.764993,-122.421843),
newgoogle.maps.LatLng(37.764986,-122.422255),
newgoogle.maps.LatLng(37.764975,-122.422823),
newgoogle.maps.LatLng(37.764939,-122.423411),
newgoogle.maps.LatLng(37.764902,-122.424014),
newgoogle.maps.LatLng(37.764853,-122.424576),
newgoogle.maps.LatLng(37.764826,-122.424922),
newgoogle.maps.LatLng(37.764796,-122.425375),
newgoogle.maps.LatLng(37.764782,-122.425869),
newgoogle.maps.LatLng(37.764768,-122.426089),
newgoogle.maps.LatLng(37.764766,-122.426117),
newgoogle.maps.LatLng(37.764723,-122.426276),
newgoogle.maps.LatLng(37.764681,-122.426649),
newgoogle.maps.LatLng(37.782012,-122.4042),
newgoogle.maps.LatLng(37.781574,-122.404911),
newgoogle.maps.LatLng(37.781055,-122.405597),
newgoogle.maps.LatLng(37.780479,-122.406341),
newgoogle.maps.LatLng(37.779996,-122.406939),
newgoogle.maps.LatLng(37.779459,-122.407613),
newgoogle.maps.LatLng(37.778953,-122.408228),
newgoogle.maps.LatLng(37.778409,-122.408839),
newgoogle.maps.LatLng(37.777842,-122.409501),
newgoogle.maps.LatLng(37.777334,-122.410181),
newgoogle.maps.LatLng(37.776809,-122.410836),
newgoogle.maps.LatLng(37.77624,-122.411514),
newgoogle.maps.LatLng(37.775725,-122.412145),
newgoogle.maps.LatLng(37.77519,-122.412805),
newgoogle.maps.LatLng(37.774672,-122.413464),
newgoogle.maps.LatLng(37.774084,-122.414186),
newgoogle.maps.LatLng(37.773533,-122.413636),
newgoogle.maps.LatLng(37.773021,-122.413009),
newgoogle.maps.LatLng(37.772501,-122.412371),
newgoogle.maps.LatLng(37.771964,-122.411681),
newgoogle.maps.LatLng(37.771479,-122.411078),
newgoogle.maps.LatLng(37.770992,-122.410477),
newgoogle.maps.LatLng(37.770467,-122.409801),
newgoogle.maps.LatLng(37.77009,-122.408904),
newgoogle.maps.LatLng(37.769657,-122.408103),
newgoogle.maps.LatLng(37.769132,-122.407276),
newgoogle.maps.LatLng(37.768564,-122.406469),
newgoogle.maps.LatLng(37.76798,-122.405745),
newgoogle.maps.LatLng(37.76738,-122.405299),
newgoogle.maps.LatLng(37.766604,-122.405297),
newgoogle.maps.LatLng(37.765838,-122.4052),
newgoogle.maps.LatLng(37.765139,-122.405139),
newgoogle.maps.LatLng(37.764457,-122.405094),
newgoogle.maps.LatLng(37.763716,-122.405142),
newgoogle.maps.LatLng(37.762932,-122.405398),
newgoogle.maps.LatLng(37.762126,-122.405813),
newgoogle.maps.LatLng(37.761344,-122.406215),
newgoogle.maps.LatLng(37.760556,-122.406495),
newgoogle.maps.LatLng(37.759732,-122.406484),
newgoogle.maps.LatLng(37.75891,-122.406228),
newgoogle.maps.LatLng(37.758182,-122.405695),
newgoogle.maps.LatLng(37.757676,-122.405118),
newgoogle.maps.LatLng(37.757039,-122.404346),
newgoogle.maps.LatLng(37.756335,-122.403719),
newgoogle.maps.LatLng(37.755503,-122.403406),
newgoogle.maps.LatLng(37.754665,-122.403242),
newgoogle.maps.LatLng(37.753837,-122.403172),
newgoogle.maps.LatLng(37.752986,-122.403112),
newgoogle.maps.LatLng(37.751266,-122.403355),
];
}

declareglobal{
interfaceWindow{
initMap:()=>void;
}
}
window.initMap=initMap;
index.ts

JavaScript

// This example requires the Visualization library. Include the libraries=visualization
// parameter when you first load the API. For example:
// <script src= "https://maps.googleapis /maps/api/js?key=YOUR_API_KEY&libraries=visualization">
letmap,heatmap;

functioninitMap(){
map=newgoogle.maps.Map(document.getElementById("map"),{
zoom:13,
center:{lat:37.775,lng:-122.434},
mapTypeId:"satellite",
});
heatmap=newgoogle.maps.visualization.HeatmapLayer({
data:getPoints(),
map:map,
});
document
.getElementById("toggle-heatmap")
.addEventListener("click",toggleHeatmap);
document
.getElementById("change-gradient")
.addEventListener("click",changeGradient);
document
.getElementById("change-opacity")
.addEventListener("click",changeOpacity);
document
.getElementById("change-radius")
.addEventListener("click",changeRadius);
}

functiontoggleHeatmap(){
heatmap.setMap(heatmap.getMap()?null:map);
}

functionchangeGradient(){
constgradient=[
"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);
}

functionchangeRadius(){
heatmap.set("radius",heatmap.get("radius")?null:20);
}

functionchangeOpacity(){
heatmap.set("opacity",heatmap.get("opacity")?null:0.2);
}

// Heatmap data: 500 Points
functiongetPoints(){
return[
newgoogle.maps.LatLng(37.782551,-122.445368),
newgoogle.maps.LatLng(37.782745,-122.444586),
newgoogle.maps.LatLng(37.782842,-122.443688),
newgoogle.maps.LatLng(37.782919,-122.442815),
newgoogle.maps.LatLng(37.782992,-122.442112),
newgoogle.maps.LatLng(37.7831,-122.441461),
newgoogle.maps.LatLng(37.783206,-122.440829),
newgoogle.maps.LatLng(37.783273,-122.440324),
newgoogle.maps.LatLng(37.783316,-122.440023),
newgoogle.maps.LatLng(37.783357,-122.439794),
newgoogle.maps.LatLng(37.783371,-122.439687),
newgoogle.maps.LatLng(37.783368,-122.439666),
newgoogle.maps.LatLng(37.783383,-122.439594),
newgoogle.maps.LatLng(37.783508,-122.439525),
newgoogle.maps.LatLng(37.783842,-122.439591),
newgoogle.maps.LatLng(37.784147,-122.439668),
newgoogle.maps.LatLng(37.784206,-122.439686),
newgoogle.maps.LatLng(37.784386,-122.43979),
newgoogle.maps.LatLng(37.784701,-122.439902),
newgoogle.maps.LatLng(37.784965,-122.439938),
newgoogle.maps.LatLng(37.78501,-122.439947),
newgoogle.maps.LatLng(37.78536,-122.439952),
newgoogle.maps.LatLng(37.785715,-122.44003),
newgoogle.maps.LatLng(37.786117,-122.440119),
newgoogle.maps.LatLng(37.786564,-122.440209),
newgoogle.maps.LatLng(37.786905,-122.44027),
newgoogle.maps.LatLng(37.786956,-122.440279),
newgoogle.maps.LatLng(37.800224,-122.43352),
newgoogle.maps.LatLng(37.800155,-122.434101),
newgoogle.maps.LatLng(37.80016,-122.43443),
newgoogle.maps.LatLng(37.800378,-122.434527),
newgoogle.maps.LatLng(37.800738,-122.434598),
newgoogle.maps.LatLng(37.800938,-122.43465),
newgoogle.maps.LatLng(37.801024,-122.434889),
newgoogle.maps.LatLng(37.800955,-122.435392),
newgoogle.maps.LatLng(37.800886,-122.435959),
newgoogle.maps.LatLng(37.800811,-122.436275),
newgoogle.maps.LatLng(37.800788,-122.436299),
newgoogle.maps.LatLng(37.800719,-122.436302),
newgoogle.maps.LatLng(37.800702,-122.436298),
newgoogle.maps.LatLng(37.800661,-122.436273),
newgoogle.maps.LatLng(37.800395,-122.436172),
newgoogle.maps.LatLng(37.800228,-122.436116),
newgoogle.maps.LatLng(37.800169,-122.43613),
newgoogle.maps.LatLng(37.800066,-122.436167),
newgoogle.maps.LatLng(37.784345,-122.422922),
newgoogle.maps.LatLng(37.784389,-122.422926),
newgoogle.maps.LatLng(37.784437,-122.422924),
newgoogle.maps.LatLng(37.784746,-122.422818),
newgoogle.maps.LatLng(37.785436,-122.422959),
newgoogle.maps.LatLng(37.78612,-122.423112),
newgoogle.maps.LatLng(37.786433,-122.423029),
newgoogle.maps.LatLng(37.786631,-122.421213),
newgoogle.maps.LatLng(37.78666,-122.421033),
newgoogle.maps.LatLng(37.786801,-122.420141),
newgoogle.maps.LatLng(37.786823,-122.420034),
newgoogle.maps.LatLng(37.786831,-122.419916),
newgoogle.maps.LatLng(37.787034,-122.418208),
newgoogle.maps.LatLng(37.787056,-122.418034),
newgoogle.maps.LatLng(37.787169,-122.417145),
newgoogle.maps.LatLng(37.787217,-122.416715),
newgoogle.maps.LatLng(37.786144,-122.416403),
newgoogle.maps.LatLng(37.785292,-122.416257),
newgoogle.maps.LatLng(37.780666,-122.390374),
newgoogle.maps.LatLng(37.780501,-122.391281),
newgoogle.maps.LatLng(37.780148,-122.392052),
newgoogle.maps.LatLng(37.780173,-122.391148),
newgoogle.maps.LatLng(37.780693,-122.390592),
newgoogle.maps.LatLng(37.781261,-122.391142),
newgoogle.maps.LatLng(37.781808,-122.39173),
newgoogle.maps.LatLng(37.78234,-122.392341),
newgoogle.maps.LatLng(37.782812,-122.393022),
newgoogle.maps.LatLng(37.7833,-122.393672),
newgoogle.maps.LatLng(37.783809,-122.394275),
newgoogle.maps.LatLng(37.784246,-122.394979),
newgoogle.maps.LatLng(37.784791,-122.395958),
newgoogle.maps.LatLng(37.785675,-122.396746),
newgoogle.maps.LatLng(37.786262,-122.39578),
newgoogle.maps.LatLng(37.786776,-122.395093),
newgoogle.maps.LatLng(37.787282,-122.394426),
newgoogle.maps.LatLng(37.787783,-122.393767),
newgoogle.maps.LatLng(37.788343,-122.393184),
newgoogle.maps.LatLng(37.788895,-122.392506),
newgoogle.maps.LatLng(37.789371,-122.391701),
newgoogle.maps.LatLng(37.789722,-122.390952),
newgoogle.maps.LatLng(37.790315,-122.390305),
newgoogle.maps.LatLng(37.790738,-122.389616),
newgoogle.maps.LatLng(37.779448,-122.438702),
newgoogle.maps.LatLng(37.779023,-122.438585),
newgoogle.maps.LatLng(37.778542,-122.438492),
newgoogle.maps.LatLng(37.7781,-122.438411),
newgoogle.maps.LatLng(37.777986,-122.438376),
newgoogle.maps.LatLng(37.77768,-122.438313),
newgoogle.maps.LatLng(37.777316,-122.438273),
newgoogle.maps.LatLng(37.777135,-122.438254),
newgoogle.maps.LatLng(37.776987,-122.438303),
newgoogle.maps.LatLng(37.776946,-122.438404),
newgoogle.maps.LatLng(37.776944,-122.438467),
newgoogle.maps.LatLng(37.776892,-122.438459),
newgoogle.maps.LatLng(37.776842,-122.438442),
newgoogle.maps.LatLng(37.776822,-122.438391),
newgoogle.maps.LatLng(37.776814,-122.438412),
newgoogle.maps.LatLng(37.776787,-122.438628),
newgoogle.maps.LatLng(37.776729,-122.43865),
newgoogle.maps.LatLng(37.776759,-122.438677),
newgoogle.maps.LatLng(37.776772,-122.438498),
newgoogle.maps.LatLng(37.776787,-122.438389),
newgoogle.maps.LatLng(37.776848,-122.438283),
newgoogle.maps.LatLng(37.77687,-122.438239),
newgoogle.maps.LatLng(37.777015,-122.438198),
newgoogle.maps.LatLng(37.777333,-122.438256),
newgoogle.maps.LatLng(37.777595,-122.438308),
newgoogle.maps.LatLng(37.777797,-122.438344),
newgoogle.maps.LatLng(37.77816,-122.438442),
newgoogle.maps.LatLng(37.778414,-122.438508),
newgoogle.maps.LatLng(37.778445,-122.438516),
newgoogle.maps.LatLng(37.778503,-122.438529),
newgoogle.maps.LatLng(37.778607,-122.438549),
newgoogle.maps.LatLng(37.77867,-122.438644),
newgoogle.maps.LatLng(37.778847,-122.438706),
newgoogle.maps.LatLng(37.77924,-122.438744),
newgoogle.maps.LatLng(37.779738,-122.438822),
newgoogle.maps.LatLng(37.780201,-122.438882),
newgoogle.maps.LatLng(37.7804,-122.438905),
newgoogle.maps.LatLng(37.780501,-122.438921),
newgoogle.maps.LatLng(37.780892,-122.438986),
newgoogle.maps.LatLng(37.781446,-122.439087),
newgoogle.maps.LatLng(37.781985,-122.439199),
newgoogle.maps.LatLng(37.782239,-122.439249),
newgoogle.maps.LatLng(37.782286,-122.439266),
newgoogle.maps.LatLng(37.797847,-122.429388),
newgoogle.maps.LatLng(37.797874,-122.42918),
newgoogle.maps.LatLng(37.797885,-122.429069),
newgoogle.maps.LatLng(37.797887,-122.42905),
newgoogle.maps.LatLng(37.797933,-122.428954),
newgoogle.maps.LatLng(37.798242,-122.42899),
newgoogle.maps.LatLng(37.798617,-122.429075),
newgoogle.maps.LatLng(37.798719,-122.429092),
newgoogle.maps.LatLng(37.798944,-122.429145),
newgoogle.maps.LatLng(37.79932,-122.429251),
newgoogle.maps.LatLng(37.79959,-122.429309),
newgoogle.maps.LatLng(37.799677,-122.429324),
newgoogle.maps.LatLng(37.799966,-122.42936),
newgoogle.maps.LatLng(37.800288,-122.42943),
newgoogle.maps.LatLng(37.800443,-122.429461),
newgoogle.maps.LatLng(37.800465,-122.429474),
newgoogle.maps.LatLng(37.800644,-122.42954),
newgoogle.maps.LatLng(37.800948,-122.42962),
newgoogle.maps.LatLng(37.801242,-122.429685),
newgoogle.maps.LatLng(37.801375,-122.429702),
newgoogle.maps.LatLng(37.8014,-122.429703),
newgoogle.maps.LatLng(37.801453,-122.429707),
newgoogle.maps.LatLng(37.801473,-122.429709),
newgoogle.maps.LatLng(37.801532,-122.429707),
newgoogle.maps.LatLng(37.801852,-122.429729),
newgoogle.maps.LatLng(37.802173,-122.429789),
newgoogle.maps.LatLng(37.802459,-122.429847),
newgoogle.maps.LatLng(37.802554,-122.429825),
newgoogle.maps.LatLng(37.802647,-122.429549),
newgoogle.maps.LatLng(37.802693,-122.429179),
newgoogle.maps.LatLng(37.802729,-122.428751),
newgoogle.maps.LatLng(37.766104,-122.409291),
newgoogle.maps.LatLng(37.766103,-122.409268),
newgoogle.maps.LatLng(37.766138,-122.409229),
newgoogle.maps.LatLng(37.766183,-122.409231),
newgoogle.maps.LatLng(37.766153,-122.409276),
newgoogle.maps.LatLng(37.766005,-122.409365),
newgoogle.maps.LatLng(37.765897,-122.40957),
newgoogle.maps.LatLng(37.765767,-122.409739),
newgoogle.maps.LatLng(37.765693,-122.410389),
newgoogle.maps.LatLng(37.765615,-122.411201),
newgoogle.maps.LatLng(37.765533,-122.412121),
newgoogle.maps.LatLng(37.765467,-122.412939),
newgoogle.maps.LatLng(37.765444,-122.414821),
newgoogle.maps.LatLng(37.765444,-122.414964),
newgoogle.maps.LatLng(37.765318,-122.415424),
newgoogle.maps.LatLng(37.763961,-122.415296),
newgoogle.maps.LatLng(37.763115,-122.415196),
newgoogle.maps.LatLng(37.762967,-122.415183),
newgoogle.maps.LatLng(37.762278,-122.415127),
newgoogle.maps.LatLng(37.761675,-122.415055),
newgoogle.maps.LatLng(37.760932,-122.414988),
newgoogle.maps.LatLng(37.759337,-122.414862),
newgoogle.maps.LatLng(37.773187,-122.421922),
newgoogle.maps.LatLng(37.773043,-122.422118),
newgoogle.maps.LatLng(37.773007,-122.422165),
newgoogle.maps.LatLng(37.772979,-122.422219),
newgoogle.maps.LatLng(37.772865,-122.422394),
newgoogle.maps.LatLng(37.772779,-122.422503),
newgoogle.maps.LatLng(37.772676,-122.422701),
newgoogle.maps.LatLng(37.772606,-122.422806),
newgoogle.maps.LatLng(37.772566,-122.42284),
newgoogle.maps.LatLng(37.772508,-122.422852),
newgoogle.maps.LatLng(37.772387,-122.423011),
newgoogle.maps.LatLng(37.772099,-122.423328),
newgoogle.maps.LatLng(37.771704,-122.423783),
newgoogle.maps.LatLng(37.771481,-122.424081),
newgoogle.maps.LatLng(37.7714,-122.424179),
newgoogle.maps.LatLng(37.771352,-122.42422),
newgoogle.maps.LatLng(37.771248,-122.424327),
newgoogle.maps.LatLng(37.770904,-122.424781),
newgoogle.maps.LatLng(37.77052,-122.425283),
newgoogle.maps.LatLng(37.770337,-122.425553),
newgoogle.maps.LatLng(37.770128,-122.425832),
newgoogle.maps.LatLng(37.769756,-122.426331),
newgoogle.maps.LatLng(37.7693,-122.426902),
newgoogle.maps.LatLng(37.769132,-122.427065),
newgoogle.maps.LatLng(37.769092,-122.427103),
newgoogle.maps.LatLng(37.768979,-122.427172),
newgoogle.maps.LatLng(37.768595,-122.427634),
newgoogle.maps.LatLng(37.768372,-122.427913),
newgoogle.maps.LatLng(37.768337,-122.427961),
newgoogle.maps.LatLng(37.768244,-122.428138),
newgoogle.maps.LatLng(37.767942,-122.428581),
newgoogle.maps.LatLng(37.767482,-122.429094),
newgoogle.maps.LatLng(37.767031,-122.429606),
newgoogle.maps.LatLng(37.766732,-122.429986),
newgoogle.maps.LatLng(37.76668,-122.430058),
newgoogle.maps.LatLng(37.766633,-122.430109),
newgoogle.maps.LatLng(37.76658,-122.430211),
newgoogle.maps.LatLng(37.766367,-122.430594),
newgoogle.maps.LatLng(37.76591,-122.431137),
newgoogle.maps.LatLng(37.765353,-122.431806),
newgoogle.maps.LatLng(37.764962,-122.432298),
newgoogle.maps.LatLng(37.764868,-122.432486),
newgoogle.maps.LatLng(37.764518,-122.432913),
newgoogle.maps.LatLng(37.763435,-122.434173),
newgoogle.maps.LatLng(37.762847,-122.434953),
newgoogle.maps.LatLng(37.762291,-122.435935),
newgoogle.maps.LatLng(37.762224,-122.436074),
newgoogle.maps.LatLng(37.761957,-122.436892),
newgoogle.maps.LatLng(37.761652,-122.438886),
newgoogle.maps.LatLng(37.761284,-122.439955),
newgoogle.maps.LatLng(37.76121,-122.440068),
newgoogle.maps.LatLng(37.761064,-122.44072),
newgoogle.maps.LatLng(37.76104,-122.441411),
newgoogle.maps.LatLng(37.761048,-122.442324),
newgoogle.maps.LatLng(37.760851,-122.443118),
newgoogle.maps.LatLng(37.759977,-122.444591),
newgoogle.maps.LatLng(37.759913,-122.444698),
newgoogle.maps.LatLng(37.759623,-122.445065),
newgoogle.maps.LatLng(37.758902,-122.445158),
newgoogle.maps.LatLng(37.758428,-122.44457),
newgoogle.maps.LatLng(37.757687,-122.44334),
newgoogle.maps.LatLng(37.757583,-122.44324),
newgoogle.maps.LatLng(37.757019,-122.442787),
newgoogle.maps.LatLng(37.756603,-122.442322),
newgoogle.maps.LatLng(37.75638,-122.441602),
newgoogle.maps.LatLng(37.75579,-122.441382),
newgoogle.maps.LatLng(37.754493,-122.442133),
newgoogle.maps.LatLng(37.754361,-122.442206),
newgoogle.maps.LatLng(37.753719,-122.44265),
newgoogle.maps.LatLng(37.753096,-122.442915),
newgoogle.maps.LatLng(37.751617,-122.443211),
newgoogle.maps.LatLng(37.751496,-122.443246),
newgoogle.maps.LatLng(37.750733,-122.443428),
newgoogle.maps.LatLng(37.750126,-122.443536),
newgoogle.maps.LatLng(37.750103,-122.443784),
newgoogle.maps.LatLng(37.75039,-122.44401),
newgoogle.maps.LatLng(37.750448,-122.444013),
newgoogle.maps.LatLng(37.750536,-122.44404),
newgoogle.maps.LatLng(37.750493,-122.444141),
newgoogle.maps.LatLng(37.790859,-122.402808),
newgoogle.maps.LatLng(37.790864,-122.402768),
newgoogle.maps.LatLng(37.790995,-122.402539),
newgoogle.maps.LatLng(37.791148,-122.402172),
newgoogle.maps.LatLng(37.791385,-122.401312),
newgoogle.maps.LatLng(37.791405,-122.400776),
newgoogle.maps.LatLng(37.791288,-122.400528),
newgoogle.maps.LatLng(37.791113,-122.400441),
newgoogle.maps.LatLng(37.791027,-122.400395),
newgoogle.maps.LatLng(37.791094,-122.400311),
newgoogle.maps.LatLng(37.791211,-122.400183),
newgoogle.maps.LatLng(37.79106,-122.399334),
newgoogle.maps.LatLng(37.790538,-122.398718),
newgoogle.maps.LatLng(37.790095,-122.398086),
newgoogle.maps.LatLng(37.789644,-122.39736),
newgoogle.maps.LatLng(37.789254,-122.396844),
newgoogle.maps.LatLng(37.788855,-122.396397),
newgoogle.maps.LatLng(37.788483,-122.395963),
newgoogle.maps.LatLng(37.788015,-122.395365),
newgoogle.maps.LatLng(37.787558,-122.394735),
newgoogle.maps.LatLng(37.787472,-122.394323),
newgoogle.maps.LatLng(37.78763,-122.394025),
newgoogle.maps.LatLng(37.787767,-122.393987),
newgoogle.maps.LatLng(37.787486,-122.394452),
newgoogle.maps.LatLng(37.786977,-122.395043),
newgoogle.maps.LatLng(37.786583,-122.395552),
newgoogle.maps.LatLng(37.78654,-122.39561),
newgoogle.maps.LatLng(37.786516,-122.395659),
newgoogle.maps.LatLng(37.786378,-122.395707),
newgoogle.maps.LatLng(37.786044,-122.395362),
newgoogle.maps.LatLng(37.785598,-122.394715),
newgoogle.maps.LatLng(37.785321,-122.394361),
newgoogle.maps.LatLng(37.785207,-122.394236),
newgoogle.maps.LatLng(37.785751,-122.394062),
newgoogle.maps.LatLng(37.785996,-122.393881),
newgoogle.maps.LatLng(37.786092,-122.39383),
newgoogle.maps.LatLng(37.785998,-122.393899),
newgoogle.maps.LatLng(37.785114,-122.394365),
newgoogle.maps.LatLng(37.785022,-122.394441),
newgoogle.maps.LatLng(37.784823,-122.394635),
newgoogle.maps.LatLng(37.784719,-122.394629),
newgoogle.maps.LatLng(37.785069,-122.394176),
newgoogle.maps.LatLng(37.7855,-122.39365),
newgoogle.maps.LatLng(37.78577,-122.393291),
newgoogle.maps.LatLng(37.785839,-122.393159),
newgoogle.maps.LatLng(37.782651,-122.400628),
newgoogle.maps.LatLng(37.782616,-122.400599),
newgoogle.maps.LatLng(37.782702,-122.40047),
newgoogle.maps.LatLng(37.782915,-122.400192),
newgoogle.maps.LatLng(37.783137,-122.399887),
newgoogle.maps.LatLng(37.783414,-122.399519),
newgoogle.maps.LatLng(37.783629,-122.399237),
newgoogle.maps.LatLng(37.783688,-122.399157),
newgoogle.maps.LatLng(37.783716,-122.399106),
newgoogle.maps.LatLng(37.783798,-122.399072),
newgoogle.maps.LatLng(37.783997,-122.399186),
newgoogle.maps.LatLng(37.784271,-122.399538),
newgoogle.maps.LatLng(37.784577,-122.399948),
newgoogle.maps.LatLng(37.784828,-122.40026),
newgoogle.maps.LatLng(37.784999,-122.400477),
newgoogle.maps.LatLng(37.785113,-122.400651),
newgoogle.maps.LatLng(37.785155,-122.400703),
newgoogle.maps.LatLng(37.785192,-122.400749),
newgoogle.maps.LatLng(37.785278,-122.400839),
newgoogle.maps.LatLng(37.785387,-122.400857),
newgoogle.maps.LatLng(37.785478,-122.40089),
newgoogle.maps.LatLng(37.785526,-122.401022),
newgoogle.maps.LatLng(37.785598,-122.401148),
newgoogle.maps.LatLng(37.785631,-122.401202),
newgoogle.maps.LatLng(37.78566,-122.401267),
newgoogle.maps.LatLng(37.803986,-122.426035),
newgoogle.maps.LatLng(37.804102,-122.425089),
newgoogle.maps.LatLng(37.804211,-122.424156),
newgoogle.maps.LatLng(37.803861,-122.423385),
newgoogle.maps.LatLng(37.803151,-122.423214),
newgoogle.maps.LatLng(37.802439,-122.423077),
newgoogle.maps.LatLng(37.80174,-122.422905),
newgoogle.maps.LatLng(37.801069,-122.422785),
newgoogle.maps.LatLng(37.800345,-122.422649),
newgoogle.maps.LatLng(37.799633,-122.422603),
newgoogle.maps.LatLng(37.79975,-122.4217),
newgoogle.maps.LatLng(37.799885,-122.420854),
newgoogle.maps.LatLng(37.799209,-122.420607),
newgoogle.maps.LatLng(37.795656,-122.400395),
newgoogle.maps.LatLng(37.795203,-122.400304),
newgoogle.maps.LatLng(37.778738,-122.415584),
newgoogle.maps.LatLng(37.778812,-122.415189),
newgoogle.maps.LatLng(37.778824,-122.415092),
newgoogle.maps.LatLng(37.778833,-122.414932),
newgoogle.maps.LatLng(37.778834,-122.414898),
newgoogle.maps.LatLng(37.77874,-122.414757),
newgoogle.maps.LatLng(37.778501,-122.414433),
newgoogle.maps.LatLng(37.778182,-122.414026),
newgoogle.maps.LatLng(37.777851,-122.413623),
newgoogle.maps.LatLng(37.777486,-122.413166),
newgoogle.maps.LatLng(37.777109,-122.412674),
newgoogle.maps.LatLng(37.776743,-122.412186),
newgoogle.maps.LatLng(37.77644,-122.4118),
newgoogle.maps.LatLng(37.776295,-122.411614),
newgoogle.maps.LatLng(37.776158,-122.41144),
newgoogle.maps.LatLng(37.775806,-122.410997),
newgoogle.maps.LatLng(37.775422,-122.410484),
newgoogle.maps.LatLng(37.775126,-122.410087),
newgoogle.maps.LatLng(37.775012,-122.409854),
newgoogle.maps.LatLng(37.775164,-122.409573),
newgoogle.maps.LatLng(37.775498,-122.40918),
newgoogle.maps.LatLng(37.775868,-122.40873),
newgoogle.maps.LatLng(37.776256,-122.40824),
newgoogle.maps.LatLng(37.776519,-122.407928),
newgoogle.maps.LatLng(37.776539,-122.407904),
newgoogle.maps.LatLng(37.776595,-122.407854),
newgoogle.maps.LatLng(37.776853,-122.407547),
newgoogle.maps.LatLng(37.777234,-122.407087),
newgoogle.maps.LatLng(37.777644,-122.406558),
newgoogle.maps.LatLng(37.778066,-122.406017),
newgoogle.maps.LatLng(37.778468,-122.405499),
newgoogle.maps.LatLng(37.778866,-122.404995),
newgoogle.maps.LatLng(37.779295,-122.404455),
newgoogle.maps.LatLng(37.779695,-122.40395),
newgoogle.maps.LatLng(37.779982,-122.403584),
newgoogle.maps.LatLng(37.780295,-122.403223),
newgoogle.maps.LatLng(37.780664,-122.402766),
newgoogle.maps.LatLng(37.781043,-122.402288),
newgoogle.maps.LatLng(37.781399,-122.401823),
newgoogle.maps.LatLng(37.781727,-122.401407),
newgoogle.maps.LatLng(37.781853,-122.401247),
newgoogle.maps.LatLng(37.781894,-122.401195),
newgoogle.maps.LatLng(37.782076,-122.400977),
newgoogle.maps.LatLng(37.782338,-122.400603),
newgoogle.maps.LatLng(37.782666,-122.400133),
newgoogle.maps.LatLng(37.783048,-122.399634),
newgoogle.maps.LatLng(37.78345,-122.399198),
newgoogle.maps.LatLng(37.783791,-122.398998),
newgoogle.maps.LatLng(37.784177,-122.398959),
newgoogle.maps.LatLng(37.784388,-122.398971),
newgoogle.maps.LatLng(37.784404,-122.399128),
newgoogle.maps.LatLng(37.784586,-122.399524),
newgoogle.maps.LatLng(37.784835,-122.399927),
newgoogle.maps.LatLng(37.785116,-122.400307),
newgoogle.maps.LatLng(37.785282,-122.400539),
newgoogle.maps.LatLng(37.785346,-122.400692),
newgoogle.maps.LatLng(37.765769,-122.407201),
newgoogle.maps.LatLng(37.76579,-122.407414),
newgoogle.maps.LatLng(37.765802,-122.407755),
newgoogle.maps.LatLng(37.765791,-122.408219),
newgoogle.maps.LatLng(37.765763,-122.408759),
newgoogle.maps.LatLng(37.765726,-122.409348),
newgoogle.maps.LatLng(37.765716,-122.409882),
newgoogle.maps.LatLng(37.765708,-122.410202),
newgoogle.maps.LatLng(37.765705,-122.410253),
newgoogle.maps.LatLng(37.765707,-122.410369),
newgoogle.maps.LatLng(37.765692,-122.41072),
newgoogle.maps.LatLng(37.765699,-122.411215),
newgoogle.maps.LatLng(37.765687,-122.411789),
newgoogle.maps.LatLng(37.765666,-122.412373),
newgoogle.maps.LatLng(37.765598,-122.412883),
newgoogle.maps.LatLng(37.765543,-122.413039),
newgoogle.maps.LatLng(37.765532,-122.413125),
newgoogle.maps.LatLng(37.7655,-122.413553),
newgoogle.maps.LatLng(37.765448,-122.414053),
newgoogle.maps.LatLng(37.765388,-122.414645),
newgoogle.maps.LatLng(37.765323,-122.41525),
newgoogle.maps.LatLng(37.765303,-122.415847),
newgoogle.maps.LatLng(37.765251,-122.416439),
newgoogle.maps.LatLng(37.765204,-122.41702),
newgoogle.maps.LatLng(37.765172,-122.417556),
newgoogle.maps.LatLng(37.765164,-122.418075),
newgoogle.maps.LatLng(37.765153,-122.418618),
newgoogle.maps.LatLng(37.765136,-122.419112),
newgoogle.maps.LatLng(37.765129,-122.419378),
newgoogle.maps.LatLng(37.765119,-122.419481),
newgoogle.maps.LatLng(37.7651,-122.419852),
newgoogle.maps.LatLng(37.765083,-122.420349),
newgoogle.maps.LatLng(37.765045,-122.42093),
newgoogle.maps.LatLng(37.764992,-122.421481),
newgoogle.maps.LatLng(37.76498,-122.421695),
newgoogle.maps.LatLng(37.764993,-122.421843),
newgoogle.maps.LatLng(37.764986,-122.422255),
newgoogle.maps.LatLng(37.764975,-122.422823),
newgoogle.maps.LatLng(37.764939,-122.423411),
newgoogle.maps.LatLng(37.764902,-122.424014),
newgoogle.maps.LatLng(37.764853,-122.424576),
newgoogle.maps.LatLng(37.764826,-122.424922),
newgoogle.maps.LatLng(37.764796,-122.425375),
newgoogle.maps.LatLng(37.764782,-122.425869),
newgoogle.maps.LatLng(37.764768,-122.426089),
newgoogle.maps.LatLng(37.764766,-122.426117),
newgoogle.maps.LatLng(37.764723,-122.426276),
newgoogle.maps.LatLng(37.764681,-122.426649),
newgoogle.maps.LatLng(37.782012,-122.4042),
newgoogle.maps.LatLng(37.781574,-122.404911),
newgoogle.maps.LatLng(37.781055,-122.405597),
newgoogle.maps.LatLng(37.780479,-122.406341),
newgoogle.maps.LatLng(37.779996,-122.406939),
newgoogle.maps.LatLng(37.779459,-122.407613),
newgoogle.maps.LatLng(37.778953,-122.408228),
newgoogle.maps.LatLng(37.778409,-122.408839),
newgoogle.maps.LatLng(37.777842,-122.409501),
newgoogle.maps.LatLng(37.777334,-122.410181),
newgoogle.maps.LatLng(37.776809,-122.410836),
newgoogle.maps.LatLng(37.77624,-122.411514),
newgoogle.maps.LatLng(37.775725,-122.412145),
newgoogle.maps.LatLng(37.77519,-122.412805),
newgoogle.maps.LatLng(37.774672,-122.413464),
newgoogle.maps.LatLng(37.774084,-122.414186),
newgoogle.maps.LatLng(37.773533,-122.413636),
newgoogle.maps.LatLng(37.773021,-122.413009),
newgoogle.maps.LatLng(37.772501,-122.412371),
newgoogle.maps.LatLng(37.771964,-122.411681),
newgoogle.maps.LatLng(37.771479,-122.411078),
newgoogle.maps.LatLng(37.770992,-122.410477),
newgoogle.maps.LatLng(37.770467,-122.409801),
newgoogle.maps.LatLng(37.77009,-122.408904),
newgoogle.maps.LatLng(37.769657,-122.408103),
newgoogle.maps.LatLng(37.769132,-122.407276),
newgoogle.maps.LatLng(37.768564,-122.406469),
newgoogle.maps.LatLng(37.76798,-122.405745),
newgoogle.maps.LatLng(37.76738,-122.405299),
newgoogle.maps.LatLng(37.766604,-122.405297),
newgoogle.maps.LatLng(37.765838,-122.4052),
newgoogle.maps.LatLng(37.765139,-122.405139),
newgoogle.maps.LatLng(37.764457,-122.405094),
newgoogle.maps.LatLng(37.763716,-122.405142),
newgoogle.maps.LatLng(37.762932,-122.405398),
newgoogle.maps.LatLng(37.762126,-122.405813),
newgoogle.maps.LatLng(37.761344,-122.406215),
newgoogle.maps.LatLng(37.760556,-122.406495),
newgoogle.maps.LatLng(37.759732,-122.406484),
newgoogle.maps.LatLng(37.75891,-122.406228),
newgoogle.maps.LatLng(37.758182,-122.405695),
newgoogle.maps.LatLng(37.757676,-122.405118),
newgoogle.maps.LatLng(37.757039,-122.404346),
newgoogle.maps.LatLng(37.756335,-122.403719),
newgoogle.maps.LatLng(37.755503,-122.403406),
newgoogle.maps.LatLng(37.754665,-122.403242),
newgoogle.maps.LatLng(37.753837,-122.403172),
newgoogle.maps.LatLng(37.752986,-122.403112),
newgoogle.maps.LatLng(37.751266,-122.403355),
];
}

window.initMap=initMap;
index.js

CSS

/*
* Always set the map height explicitly to define the size of the div element
* that contains the map.
*/
#map{
height:100%;
}

/*
* Optional: Makes the sample page fill the window.
*/
html,
body{
height:100%;
margin:0;
padding:0;
}

#floating-panel{
position:absolute;
top:10px;
left:25%;
z-index:5;
background-color:#fff;
padding:5px;
border:1pxsolid#999;
text-align:center;
font-family:"Roboto","sans-serif";
line-height:30px;
padding-left:10px;
}

#floating-panel{
background-color:#fff;
border:1pxsolid#999;
left:25%;
padding:5px;
position:absolute;
top:10px;
z-index:5;
}

style.css

HTML

<html>
<head>
<title>Heatmaps</title>

<link rel= "stylesheet" type= "text/css" href= "./style.css" />
<script type= "module" src= "./index.js" ></script>
</head>
<body>
<div id= "floating-panel" >
<button id= "toggle-heatmap" >Toggle Heatmap</button>
<button id= "change-gradient" >Change gradient</button>
<button id= "change-radius" >Change radius</button>
<button id= "change-opacity" >Change opacity</button>
</div>
<div id= "map" ></div>

<!--
The `defer` attribute causes the script to execute after the full HTML
document has been parsed. For non-blocking uses, avoiding race conditions,
and consistent behavior across browsers, consider loading using Promises. See
https://developers.google /maps/documentation/javascript/load-maps-js-api
for more information.
-->
<script
src= "https://maps.googleapis /maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&libraries=visualization&v=weekly"
defer
></script>
</body>
</html>
index.html

Try Sample

Clone Sample

Git and Node.js are required to run this sample locally. Follow theseinstructionsto install Node.js and NPM. The following commands clone, install dependencies and start the sample application. 

gitclone-bsample-layer-heatmaphttps://github /googlemaps/js-samples.git
cdjs-samples
npmi
npmstart

Other samples can be tried by switching to any branch beginning withsample-SAMPLE_NAME. 

gitcheckoutsample-SAMPLE_NAME
npmi
npmstart