text: var tiles = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
      maxZoom: 18,
      minZoom: 2,
      attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
  });
  var latlng = L.latLng(19.4284700, -99.1276600);
  var map = L.map('map', {
      center: latlng,
      zoom: 4,
      zoomControl: false,
      fullscreenControl: true,
      fullscreenControlOptions: { // optional
          title: "Pantalla Completa !",
          titleCancel: "Salir de Pantalla Completa"
      },
      layers: [tiles]
  });
  var markers = L.markerClusterGroup();
  var markerList = [];
  var controlSearch = new L.Control.Search({
      position: 'topright',
      layer: markers,
      initial: false,
      zoom: 18,
      marker: false
  });
  
  $.ajax({
      url: '/api',
      type: 'POST',
      dataType: "json",
      success: function (map_data) {
          for (var i = 0; i < map_data.length; i++) {
              var title = map_data[i].Name;
              var selfIcon = L.divIcon({
                  className: 'my-div-icon',
                  iconSize: [50, 50],
                  html: '<img  class="circle_img" src = "' + map_data[i].Picture + ' " style="border: 10px groove ' + map_data[i].Color + '" />'
              });
              var marker = L.marker(new L.LatLng(map_data[i].Latitude, map_data[i].Longitude), {
                  title: title,
                  icon: selfIcon
              }).setBouncingOptions({
                  bounceHeight: 20,
                  exclusive: true
              }).on('click', function () {
                  this.bounce(3);
              }).addTo(markers);
  
              var content = title + "</br>" + "Latitud:" + map_data[i].Latitude + "</br>" + "Longitud:" + map_data[i].Longitude + "</br>"+"Usuario" ;
              marker.bindPopup(content, {
                  maxWidth: 1080
                  
              });
              
  
              markers.addLayer(marker);
              markerList.push(marker);
  
          }
          controlSearch.on('search:locationfound', function (e) {
              if (e.layer._popup) {
                  var index = markerList.map(function (e) {
                      return e.options.title;
                  }).indexOf(e.text);
                  var m = markerList[index];
                  markers.zoomToShowLayer(m, function () {
                      m.openPopup();
                      m.bounce(3);
                  });
              }
          });
          map.addControl(controlSearch);
          map.addLayer(markers);
          //mini map
          lc = L.control.locate({
              position: 'topright',
              strings: {
                  title: "Dónde me encuento!",
                  popup: "Usted está aquí"
              },
              drawCircle: true,
              showPopup: true
          }).addTo(map);
  
          // zoom position
          L.control.zoom({
              position: 'topright'
          }).addTo(map);
      }
  });
  
  