jQuery google map plugin

jQuery google map plugin

Create Plugin.

PS: Please include jquery & map library in header

(function($){
    $.fn.gMap = function(options){
    var opts = $.extend({},$.fn.gMap.defaults,options);
    var mapOptions = {
        center: new google.maps.LatLng(opts.latCenter, opts.longCenter)
    };
   $.extend(opts,mapOptions);
   var map = new google.maps.Map(document.getElementById(opts.elementId),opts);
};
$.fn.gMap.defaults={"latCenter":"23.0235","longCenter":"72.624","zoom":8,"mapTypeId":"roadmap"};
})(jQuery);

Call your plugin

jQuery(document).ready(function($){
 $('map-canvas').gMap({
    "elementId":"map-canvas",
});
});