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 |

    &

    &

    By: sciel

    A Dark World

    A Dark World

    By: Bim

    Airport

    Airport

    By: G L Stabler

    airport

    airport

    By: tasos

    Alibra

    Alibra

    By: Sokos

    Assassin's Creed IV

    Assassin's Creed IV

    By: Sarah Frisk

    becomeadinosaur

    becomeadinosaur

    By: Anonymous

    Black & white without labels

    Black & white without labels

    By: Morgane Keyser

    Blue Gray

    Blue Gray

    By: Aytaç

    Blue Gray

    Blue Gray

    By: Grace

    Blue Gray

    Blue Gray

    By: Avery

    Blue Gray

    Blue Gray

    By: pointpixl

    Blue Water and Airport

    Blue Water and Airport

    By: Vidit Saxena

    Bright & Bubbly

    Bright & Bubbly

    By: Paulo Avila

    Bright Green

    Bright Green

    By: Pamestgon

    Clean & Bright

    Clean & Bright

    By: Jennifer

    Cool Gray and Blue

    Cool Gray and Blue

    By: Suzan Hill