Embedded Map Generator

I’ve added a new tool to the list of tools I’ve already posted about some time ago. This one is an embedded map generator. It generates some code you can use to embed maps directly into your website. You can find the tool here.

The tool allows you to type in an address (or any location like the Eiffel Tower or the Statue of Liberty) which will be shown in the map. The auto-complete will show you matching locations Google knows. You can also specify a width, height, zoom factor. You can also specify the language in which all texts should be displayed. I guess I got all supported languages. If you find any that Google does support but is not in the list, please leave a comment below.

Additionally, you can also define which type of map is displayed:

  • Google Earth
  • Hybrid
  • Normal Map
  • Satellite
  • Terrain

Your users will be able to change the map type later on but it’s useful to set a meaningful default view.

You can also choose to display or hide the information window (aka the information bubble).

You should experiment with the different parameters until you get the map you want to embed. Then copy the HTML below the preview and paste it in the HTML editor you use to edit your site.

Here are a few things I still want to improve:

  1. Use the geocoding API to provide some auto-complete when you enter the address DONE
  2. Support for more of the parameters supported by the Google Maps API

If you have any suggestion on how to further improve this tool, feel free to leave a comment below !

One thought on “Embedded Map Generator

Leave a Reply

Your email address will not be published.