Many of these icons come from the good people over at
If you still can't find an icon you're happy with, head over to Maki Icons where you can customize their excellent free icons, then upload those here.
<!-- Google map code from EZ Map - https://ezmap.co --> <script src='https://maps.googleapis.com/maps/api/js?key=&libraries=visualization'></script> <script> function init() { var mapOptions = { "center": {}, "clickableIcons": true, "disableDoubleClickZoom": true, "draggable": true, "fullscreenControl": true, "keyboardShortcuts": true, "mapTypeControl": true, "mapTypeControlOptions": { "text": "Default (depends on viewport size etc.)", "style": 0 }, "mapTypeId": "roadmap", "rotateControl": true, "scaleControl": true, "scrollwheel": true, "streetViewControl": true, "styles": false, "zoom": 3, "zoomControl": true}; var mapElement = document.getElementById('ez-map'); var map = new google.maps.Map(mapElement, mapOptions); var heatmap = new google.maps.visualization.HeatmapLayer({data: []});heatmap.setOptions({"dissipating":false,"opacity":0.6,"radius":2});heatmap.setMap(map); window.addEventListener("resize", function() { var center = map.getCenter(); google.maps.event.trigger(map, "resize"); map.setCenter(center); }); } window.addEventListener('load', init); </script> <style> #ez-map { min-height:150px; min-width:150px; height: 420px; width: 100%; } </style> <div id='ez-map'></div> <!-- End of EZ Map code - https://ezmap.co -->
You can test your code is working by pasting it into a new HTML CodePen.