Append HTML with Google Map Marker Icon

Question

I am working on weather website.

I am using Google Maps as backbone.

I am marking the major cities of country with Marker.

Depending upon the weather type like sunny, partly_cloudy I am changing the marker image.

Now with marker image I want to show a div with current temperature.

My plan was to append some with marker image but I was not able to achieve this.

Help me folks.

Answer 1

You can display custom made div's on the map using custom overlays.

Check the google map api documentation about the topic

Marker Light - Markers on a diet has a good example of custom layers using the version 2 of the api. I couldn't manage to find good examples for the 3rd version.