Yoga Map - Google Map Cusomizer или быстрая настройка карт от Google

<!--If you have already use jquery, then this line is not necessary-->
<script src="/js/jquery-1.11.1.min.js"></script>

<!-- Plugins files-->
<link rel="stylesheet" href="#">
<script src="/js/jquery.yogamap.js"></script>  

<script>
$(window).load(function(){
  $('.ini_class').yogamap({
    width: '100%',                 //Width of map
    height: '50%',                 //Height of map
    center: [0, 0],                //Coordinates of the center of the map
    zoom: 5,                       //Value of the zoom
    scrollwheel: false,            //The trigger on / off scroll wheel
    
    //// This paramet add an array of markers on map
    addmarkers: [{
      title: 'Marker Title',       //The information pops up when you hover over the marker
      latlng: [0, 0],              //Coordinates of the marker
      icon: null,                  //Path to the custom marker image
      address: null,               //Adress of marker. It need to display in popup window
      contentstringAuto: false,    //If True, the pop-up window filled in automatically, based on the information: "Title" and "Adress"
      contentstring: '
Marker Title
 
Address and other contacts
',    //The information you want to see in the pop-up window
      infowindowOpen: false        //If True, the pop-up window will open when the map is loaded
    }],
    
    //// These parameters are responsible for the changing the appearance of the map  
    stylesEnable: false,           //The trigger on / off styling of map
    styles: [],                    //This array should contain the parameters of stylization
    
    //// These parameters are responsible for the clustering of markers
    clusterEnable: false,          //The trigger on / off clustering of markers of map
    customClusterEnable: false,    //The trigger on / off customization of icons of cluster
    customCluster: [],             //This array should contain the parameters of clustering
    
    //// These parameters are different callback functions
    create: function() {},         //This function is called when the plug is fully loaded and running
    centerChanged: function() {},  //This function is called when the coordinates of the center of the map have been changed
    zoomChanged: function() {},    //This function is called when the value of zoom have been changed
    infowindowOpen: function() {}, //This function is called when pop-up window have been opened
    infowindowClose: function() {},//This function is called when pop-up window have been closed
    addMarkerEvent: function() {}, //This function is called when new marker have been added
    markerDrag: function() {},     //This function is called when marker have been dragged
    disableClusterEvent: function(){},  //This function is called when clustering have been disabled
    enableClusterEvent: function(){}  //This function is called when clustering have been enabled
  })
})
</script> 

<div class="ini_class"></div>