Heatmaps<\/title><\/p>\n<style>\n \/* Always set the map height explicitly to define the size of the div\n * element that contains the map. *\/\n #map {\n height: 100%;\n }\n \/* Optional: Makes the sample page fill the window. *\/\n html, body {\n height: 100%;\n margin: 0;\n padding: 0;\n }\n #floating-panel {\n position: absolute;\n top: 10px;\n left: 25%;\n z-index: 5;\n background-color: #fff;\n padding: 5px;\n border: 1px solid #999;\n text-align: center;\n font-family: 'Roboto','sans-serif';\n line-height: 30px;\n padding-left: 10px;\n }\n #floating-panel {\n background-color: #fff;\n border: 1px solid #999;\n left: 25%;\n padding: 5px;\n position: absolute;\n top: 10px;\n z-index: 5;\n }\n <\/style>\n<p> <\/head><\/p>\n<p> <body><\/p>\n<div id=\"floating-panel\">\n <button onclick=\"toggleHeatmap()\">Toggle Heatmap<\/button><br \/>\n <button onclick=\"changeGradient()\">Change gradient<\/button><br \/>\n <button onclick=\"changeRadius()\">Change radius<\/button><br \/>\n <button onclick=\"changeOpacity()\">Change opacity<\/button>\n <\/div>\n<div id=\"map\"><\/div>\n<p> <script><\/p>\n<p> \/\/ This example requires the Visualization library. Include the libraries=visualization\n \/\/ parameter when you first load the API. For example:\n \/\/ <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyDQHxuSTnSyaGlqa2sO0EljDxwcypYroxs&libraries=visualization\"><\/p>\n<p> var map, heatmap;<\/p>\n<p> function initMap() {\n map = new google.maps.Map(document.getElementById('map'), {\n zoom: 16,\n center: {lat: 34.7680222023722, lng: 32.41942492581006},\n mapTypeId: 'roadmap'\n });<\/p>\n<p> heatmap = new google.maps.visualization.HeatmapLayer({\n data: getPoints(),\n map: map\n });\n\t\theatmap.set('radius', heatmap.get('radius') ? null : 100);\n\t\theatmap.set('opacity', heatmap.get('opacity') ? null : 0.4);\n }<\/p>\n<p> function toggleHeatmap() {\n heatmap.setMap(heatmap.getMap() ? null : map);\n }<\/p>\n<p> function changeGradient() {\n var gradient = [\n 'rgba(0, 255, 255, 0)',\n 'rgba(0, 255, 255, 1)',\n 'rgba(0, 191, 255, 1)',\n 'rgba(0, 127, 255, 1)',\n 'rgba(0, 63, 255, 1)',\n 'rgba(0, 0, 255, 1)',\n 'rgba(0, 0, 223, 1)',\n 'rgba(0, 0, 191, 1)',\n 'rgba(0, 0, 159, 1)',\n 'rgba(0, 0, 127, 1)',\n 'rgba(63, 0, 91, 1)',\n 'rgba(127, 0, 63, 1)',\n 'rgba(191, 0, 31, 1)',\n 'rgba(255, 0, 0, 1)'\n ]\n heatmap.set('gradient', heatmap.get('gradient') ? null : gradient);\n }<\/p>\n<p> function changeRadius() {\n heatmap.set('radius', heatmap.get('radius') ? null : 100);\n }<\/p>\n<p> function changeOpacity() {\n heatmap.set('opacity', heatmap.get('opacity') ? null : 0.4);\n }<\/p>\n<p> \/\/ Heatmap data: 500 Points\n function getPoints() {\n return [\n new google.maps.LatLng(34.76548268299057, 32.42069917640755),\n new google.maps.LatLng(34.76449245041493, 32.4198953752661),\n\t\tnew google.maps.LatLng(34.7680222023722, 32.41942492581006),\n\t\tnew google.maps.LatLng(34.77165247625153, 32.42489407272826),\n\t\tnew google.maps.LatLng(34.77516557976697, 32.419524546136),\n\t\tnew google.maps.LatLng(34.77161892207059, 32.41973831614913),\n\t\tnew google.maps.LatLng(34.78125468025883, 32.40995086166335),\n\t\tnew google.maps.LatLng(34.76702350546601, 32.41067803926404),\n\t\tnew google.maps.LatLng(34.77509290349804, 32.4148065084928),\n\t\tnew google.maps.LatLng(34.78968576345685, 32.43628473586999),\n\t\t\/\/Edgar\n\t\tnew google.maps.LatLng(34.78542366199714, 32.42655219894827)\n ];\n }\n <\/script><br \/>\n <script async defer\n src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyDQHxuSTnSyaGlqa2sO0EljDxwcypYroxs&libraries=visualization&callback=initMap\">\n <\/script><br \/>\n <\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Heatmaps Toggle Heatmap Change gradient Change radius Change opacity<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":45,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/pages\/71"}],"collection":[{"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":7,"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/pages\/71\/revisions\/202"}],"up":[{"embeddable":true,"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/pages\/45"}],"wp:attachment":[{"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":71,"date":"2018-08-07T07:52:57","date_gmt":"2018-08-07T05:52:57","guid":{"rendered":"http:\/\/oscarinternet.net\/?page_id=71"},"modified":"2019-12-14T01:33:01","modified_gmt":"2019-12-13T23:33:01","slug":"coverage","status":"publish","type":"page","link":"https:\/\/oscarnet.eu\/ru\/how-to-join-us\/coverage\/","title":{"rendered":"\u041f\u043e\u043a\u0440\u044b\u0442\u0438\u0435"},"content":{"rendered":"

\n
\n
\n
\n Heatmaps<\/title><\/p>\n<style>\n \/* Always set the map height explicitly to define the size of the div\n * element that contains the map. *\/\n #map {\n height: 100%;\n }\n \/* Optional: Makes the sample page fill the window. *\/\n html, body {\n height: 100%;\n margin: 0;\n padding: 0;\n }\n #floating-panel {\n position: absolute;\n top: 10px;\n left: 25%;\n z-index: 5;\n background-color: #fff;\n padding: 5px;\n border: 1px solid #999;\n text-align: center;\n font-family: 'Roboto','sans-serif';\n line-height: 30px;\n padding-left: 10px;\n }\n #floating-panel {\n background-color: #fff;\n border: 1px solid #999;\n left: 25%;\n padding: 5px;\n position: absolute;\n top: 10px;\n z-index: 5;\n }\n <\/style>\n<p> <\/head><\/p>\n<p> <body><\/p>\n<div id=\"floating-panel\">\n <button onclick=\"toggleHeatmap()\">Toggle Heatmap<\/button><br \/>\n <button onclick=\"changeGradient()\">Change gradient<\/button><br \/>\n <button onclick=\"changeRadius()\">Change radius<\/button><br \/>\n <button onclick=\"changeOpacity()\">Change opacity<\/button>\n <\/div>\n<div id=\"map\"><\/div>\n<p> <script><\/p>\n<p> \/\/ This example requires the Visualization library. Include the libraries=visualization\n \/\/ parameter when you first load the API. For example:\n \/\/ <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyDQHxuSTnSyaGlqa2sO0EljDxwcypYroxs&libraries=visualization\"><\/p>\n<p> var map, heatmap;<\/p>\n<p> function initMap() {\n map = new google.maps.Map(document.getElementById('map'), {\n zoom: 16,\n center: {lat: 34.7680222023722, lng: 32.41942492581006},\n mapTypeId: 'roadmap'\n });<\/p>\n<p> heatmap = new google.maps.visualization.HeatmapLayer({\n data: getPoints(),\n map: map\n });\n\t\theatmap.set('radius', heatmap.get('radius') ? null : 100);\n\t\theatmap.set('opacity', heatmap.get('opacity') ? null : 0.4);\n }<\/p>\n<p> function toggleHeatmap() {\n heatmap.setMap(heatmap.getMap() ? null : map);\n }<\/p>\n<p> function changeGradient() {\n var gradient = [\n 'rgba(0, 255, 255, 0)',\n 'rgba(0, 255, 255, 1)',\n 'rgba(0, 191, 255, 1)',\n 'rgba(0, 127, 255, 1)',\n 'rgba(0, 63, 255, 1)',\n 'rgba(0, 0, 255, 1)',\n 'rgba(0, 0, 223, 1)',\n 'rgba(0, 0, 191, 1)',\n 'rgba(0, 0, 159, 1)',\n 'rgba(0, 0, 127, 1)',\n 'rgba(63, 0, 91, 1)',\n 'rgba(127, 0, 63, 1)',\n 'rgba(191, 0, 31, 1)',\n 'rgba(255, 0, 0, 1)'\n ]\n heatmap.set('gradient', heatmap.get('gradient') ? null : gradient);\n }<\/p>\n<p> function changeRadius() {\n heatmap.set('radius', heatmap.get('radius') ? null : 100);\n }<\/p>\n<p> function changeOpacity() {\n heatmap.set('opacity', heatmap.get('opacity') ? null : 0.4);\n }<\/p>\n<p> \/\/ Heatmap data: 500 Points\n function getPoints() {\n return [\n new google.maps.LatLng(34.76548268299057, 32.42069917640755),\n new google.maps.LatLng(34.76449245041493, 32.4198953752661),\n\t\tnew google.maps.LatLng(34.7680222023722, 32.41942492581006),\n\t\tnew google.maps.LatLng(34.77165247625153, 32.42489407272826),\n\t\tnew google.maps.LatLng(34.77516557976697, 32.419524546136),\n\t\tnew google.maps.LatLng(34.77161892207059, 32.41973831614913),\n\t\tnew google.maps.LatLng(34.78125468025883, 32.40995086166335),\n\t\tnew google.maps.LatLng(34.76702350546601, 32.41067803926404),\n\t\tnew google.maps.LatLng(34.77509290349804, 32.4148065084928),\n\t\tnew google.maps.LatLng(34.78968576345685, 32.43628473586999),\n\t\t\/\/Edgar\n\t\tnew google.maps.LatLng(34.78542366199714, 32.42655219894827)\n ];\n }\n <\/script><br \/>\n <script async defer\n src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyDQHxuSTnSyaGlqa2sO0EljDxwcypYroxs&libraries=visualization&callback=initMap\">\n <\/script><br \/>\n <\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Heatmaps Toggle Heatmap Change gradient Change radius Change opacity<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":45,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/pages\/71"}],"collection":[{"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":7,"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/pages\/71\/revisions\/202"}],"up":[{"embeddable":true,"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/pages\/45"}],"wp:attachment":[{"href":"https:\/\/oscarnet.eu\/ru\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}