Tooltip on map area tag

Question

I have a map and area inside it with title here the code

Answer 1

Using qTip2, this is a basic implementation using your current area tags:

Be sure to reference jQuery, jquery.qtip.min.css and jquery.qtip.min.js

jQuery(document).ready(function (e) {
    jQuery('area').qtip({
        style: {
            classes: 'qtip-dark'
        },
        events: {
            show: function(event, api) {
                api.set({
                    'content.text': api.elements.target.attr('title')
                });
            }
        }
    });
});