Snazzymaps is a tool that aims to make it easier for anyone to customize Google Map. It has a nice and friendly user interface. You can build the map with just a couple of selections from the select box, and you don’t even have to code.
There are many options for you to control the look of the map. You may also insert your custom marker icon and places. And the best part is it provides plenty pre-built map styles.
Recommended Reading: How To Style Google Maps
The options on the left are used to customize the look of the map: size, location, marker, map type and map theme. All the changes will be automatically previewed on the map.
Adding Custom Marker
This tool lets you easily add your custom marker to map places. To do this, firstly you need to provide your marker icon URL and also the address of the place you want to mark.
To start off:
- Select Add your first marker option from the left panel.
- You will be asked to add a name for the marker and location. Here we simply name it Hospital. For the Location, we can simply click anywhere on the Map, and it will populate the Latitude and Longitude value for you.
- Select the “Custom Marker” and upload the icon.
And here’s the result.
Once done, don’t forget to save the Map. Here, you will need to name the map and add your own Google Maps API key.
Embed the Map
So, now that you’ve customized the map, the next step is to put it on the web. To get the code, scroll down to the bottom of the page and you will see the View Code button.
You’ll get an HTML iframe tag with the URL to embed the map copy and paste all the code and put them at anywhere into your website content.
We’ve just seen how easy it is to create and customize a map using Snazzymap. You can customize the look and feel, size, and a few components within it. All these are built on top of the Google Maps API.
Do let us know about your experience in the comments section below.