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", }); });