Treehouse: Grow your CSS skills. Land your dream job.

#34: Integrating and Customizing Google Maps

Google maps, with all the dragging and zooming and satellite view and all, is my mapping service of choice. Google offers an free API for their maps so you can integrate them right onto your site. Set you own default location, zoom level, widgetry. Even add your own markers with custom balloons. Remember though, if a map and directions are vital to your site, nothing beats some "plain English" directions.

Links from video:

Comments

  1. Abid
    Permalink to comment#

    what if want to add custom marker image with some label & also a custom infowindow ???

  2. great layout!! i really liked your css talent and knowledge,
    i wish you can make css master.

    GBU

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

```
<script>
  function example() {
    element.innerHTML = "<div>code</div>";
  }
</script>
```