EZ Map - Google Maps Made Easy

Settings

You are not logged in. You won't be able to save your map.

Get an API key

Dimensions

Responsive width

This means it's as wide as its parent container .

Latitude

Longitude

Zoom Level

Markers

drop a marker

add a marker by address

Click the map where you want your pin! Don't worry, you can reposition it if you're a bit off.

Marker Title	Change Icon	Center Here	Delete Marker
			delete all markers

Heatmap

Heatmap Options

Dissipate

Opacity

Radius

add a hot spot

Click the map where you want your hot spot! Don't worry, you can reposition it if you're a bit off.

Title	Weight (count)	Center Here	Delete Hot Spot
			delete all hot spots

Other Options

Map Type Control

Fullscreen Control

Streetview Control

Zoom Control

Scale Control

Draggable Map

Doubleclick Zoom

Scrollwheel Zoom

Keyboard Shortcuts

Clickable Points Of Interest

Your Map Result

You are not logged in. You won't be able to save your map.

clear applied theme

show map center

copy your code

Your code has been copied to your clipboard!

Your map code copy your code

Your code has been copied to your clipboard!

<!-- Google map code from EZ Map - https://ezmap.co -->
<script src='https://maps.googleapis.com/maps/api/js?key={{ apikey }}{{ heatMapData ? '&libraries=visualization' : '' }}'></script>
<script>
  function init() {
    var mapOptions = {{ mapOptions | json 1 | jsonShrink }};
    var mapElement = document.getElementById('{{ mapcontainer }}');
    var map = new google.maps.Map(mapElement, mapOptions);
    {{ markersLoop() }}{{ heatmapLoop() }}
    {{ responsiveOutput() }}
  }
window.addEventListener('load', init);
</script>
{{ mapStyling() }}
<div id='{{ mapcontainer }}'></div>
<!-- End of EZ Map code - https://ezmap.co -->

You can test your code is working by pasting it into a new HTML CodePen.