if($('.LocPicker').length){
navigator.geolocation.getCurrentPosition((loc) => {	
//  console.log('The location in lat lon format is: [', loc.coords.latitude, ',', loc.coords.longitude, ']');
  $('.LocPicker').each(function(){
	  
	  var DivID=$(this).attr("id");
	  var dbLat = $('#'+DivID+'-lat').attr('realLocation');
	  var dblong = $('#'+DivID+'-lon').attr('realLocation');
	  var MapLat=dbLat || loc.coords.latitude ;
	  var MapLong=dblong || loc.coords.longitude ;
	  
	  
	  //console.log(dbLat);
	  var Map=$($(this)).locationpicker({
		  	  
	// location: {latitude: loc.coords.latitude, longitude: loc.coords.longitude},   //current location
	 location: {latitude: MapLat, longitude: MapLong},   
     enableAutocomplete: true,
     enableReverseGeocode: true,
     radius: 0,
    inputBinding: {
    latitudeInput: $('#'+DivID+'-lat'),
    longitudeInput: $('#'+DivID+'-lon'),
    radiusInput: $('#'+DivID+'-radius'),
    locationNameInput: $('#'+DivID+'-address')
  },
  onchanged: function (currentLocation, radius, isMarkerDropped) {
        var addressComponents = $(this).locationpicker('map').location.addressComponents;
    console.log(currentLocation);  //latlon  
    updateControls(addressComponents); //Data
    }
});	 /*console.log(Map); 
	  
	   const myLatLng = { lat: dbLat, lng: dblong};
	  new google.maps.Marker({
    position: myLatLng,
    $('us2'),
    title: "Hello World!",
  });*/
	  
	  
	  
	   $('#'+DivID+'-lat').val(MapLat);
       $('#'+DivID+'-lon').val(MapLong);
		
	  });
  
function updateControls(addressComponents) {
  console.log(addressComponents);
}


})
	
}