Settings


Get an API key
px
px
Map Type Control
Default (depends on viewport size etc.)
  • Buttons
  • Dropdown
  • Map Type
    Road Map
  • Road Map With Terrain
  • Satellite
  • Satellite With Labels
  • Markers

    Heatmap

    Other Options

    Your Map Result

    Your map code

    <!-- 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.

    Themes from Snazzy Maps

    Click on a theme's image to apply the theme to your map

    Showing 24 of 190 themes.

    Show: All
    Color... | black | blue | gray | green | multi | orange | purple | red | white | yellow |

    Blue Essence

    Blue Essence

    By: sairam

    Blue Gray

    Blue Gray

    By: Grace

    Bright Turquoise

    Bright Turquoise

    By: kgushi

    Cladme

    Cladme

    By: Yogesh

    Flat Map with Labels

    Flat Map with Labels

    By: Roberta

    Gold

    Gold

    By: boss

    GOP5-blue water

    GOP5-blue water

    By: mike

    Interface map

    Interface map

    By: samisel

    kmac

    kmac

    By: Katherine

    light dream

    light dream

    By: Roberta

    Manila Map

    Manila Map

    By: Juanico

    Map without labels

    Map without labels

    By: Denis Ignatov

    Simple

    Simple

    By: Robert Simeon