");
marker.on('click', function (e) {
DrawRouting({ lat: _latitude, lng: _longtitude }, { lat: data.Latitude, lng: data.Longitude });
});
_markers.push({ marker: marker, id: data.Id });
} catch (err) { console.warn(err) }
};

function AddMakerToOSMapOLD (data) {
var imageUrl = '';
var alias = '';
switch (_placeCategoryId) {
case 11: {
alias = 'truong-hoc';
imageUrl = 'https://static.homedy.com/src/images/icon/map/truonghoc4.svg';
break;
}
case 5: {
alias = 'sieu-thi';
imageUrl = 'https://static.homedy.com/src/images/icon/map/sieuthi4.svg';
break;
}
case 1: {
alias = 'ben-xe';
imageUrl = 'https://static.homedy.com/src/images/icon/map/benxe4.svg';
break;
}
case 2: {
alias = 'y-te';
imageUrl = 'https://static.homedy.com/src/images/icon/map/yte4.svg';
break;
}
case 15: {
alias = 'ngan-hang';
imageUrl = 'https://static.homedy.com/src/images/icon/map/nganhang4.svg';
break;
}
}

try {
var icon = L.icon({
iconUrl: imageUrl,
iconSize: [25, 35],
iconAnchor: [12, 35],
popupAnchor: [-2, -35] });

var position = [parseFloat(data.lat), parseFloat(data.long)];
var marker = L.marker(position, { icon: icon }).addTo(_map)
.bindPopup("

");

marker.on('click', function (e) {
DrawRouting({ lat: _latitude, lng: _longtitude }, { lat: data.lat, lng: data.long });
});

_markers.push({ marker: marker, id: data.id });
} catch (err) { console.warn(err) }
};

function AddPolygonToOSMap (data) {
var self = this;
var _position = "";
if (data !== null && data !== undefined) {
if (data.indexOf('@') > 0) {
var arrPolygon = data.split('@');
var maxlength = 0;
$.each(arrPolygon, function (index, item) {
if (item.length > maxlength) {
_position = item;
maxlength = item.length;
}
});
} else {
_position = data;
}
}

var res = _position.split(" ");
var arrayforPolygon = [];

$.each(res, function (key, item) {
var position = item.split(",");
arrayforPolygon.push([parseFloat(position[1]), parseFloat(position[0])]);
});

var _polygon = L.polygon(arrayforPolygon, { fillOpacity: 0.1 });

self.Polygon = _polygon;

self._map.fitBounds(_polygon.getBounds());
MyLocationMarker();

};

function Category_Clicked (id, name, e) {
var self = this;
_placeCategoryId = id;
_placeSubCategoryId = 0;

if (_markers.length > 0) {
$.each(_markers, function (index, item) {
_map.removeLayer(item.marker);
});
}

_markers = [];
_places = [];
_categories = [];

$('.tab-item').removeClass('active');
e.className = "tab-item active";

if (_routing !== null) {
_map.removeControl(_routing);
_routing = null;
}

initPlace();
};

function SubCategory_Clicked(id, e) {
if (e !== null) {
$('#list_category li').removeClass('active');
e.className = 'active';
}

if (id > 0) {
_placeSubCategoryId = id;

if (_routing !== null) {
_map.removeControl(_routing);
_routing = null;
}

if (_markers.length > 0) {
$.each(_markers, function (index, item) {
_map.removeLayer(item.marker);
});
}
_markers = [];
_places = [];

var places = _listOfPlaces.places.filter(function (p) { return p.CategoryId === _placeSubCategoryId });
if (places !== null && places !== undefined && places.length > 0) {

$.each(places, function (index, item) {
_places = places;
});
}

CalculatorDistance();
}
};

function CalculatorDistance() {
var html = '';
$.each(_categories, function (index, item) {
if (item.ParentId !== undefined && item.ParentId !== null) {
var active = item.Id === _placeSubCategoryId ? 'active' : '';
html += '

';
}
});
$('#list_category').html(html);

$.each(_places, function (index, item) {
var distance = Distance(_latitude, _longtitude, parseFloat(item.Latitude), parseFloat(item.Longitude), 'K');
var time = distance / 20;
item.Distance = distance;

if (item.Distance >= 1) {
item.DistanceStr = parseFloat(distance).toFixed(2) + " km";
} else {
item.DistanceStr = parseFloat(distance * 1000).toFixed(0) + " m";
}
item.Time = Math.round(time * 60);
});
_places.sort(dynamicSort("Distance"));
_places.push({ id: 9999 });
_places.splice(-1, 1);

html = '';
$.each(_places, function (index, item) {
if (index '
html += '

'
html += '

'
html += '

'
html += ''
}
});

if (html != '') {
$('.ul-list').fadeIn();
$('#list_place').html(html);
$(".ul-list").mCustomScrollbar({
theme: "minimal-dark"
});
}else
$('.ul-list').fadeOut();
};

function CalculatorDistanceOLD() {
var html = '';

$.each(_places, function (index, item) {
var distance = Distance(_latitude, _longtitude, parseFloat(item.lat), parseFloat(item.long), 'K');
var time = distance / 20;
item.Distance = distance;

if (item.Distance >= 1) {
item.DistanceStr = parseFloat(distance).toFixed(2) + " km";
} else {
item.DistanceStr = parseFloat(distance * 1000).toFixed(0) + " m";
}
item.Time = Math.round(time * 60);
});
_places.sort(dynamicSort("Distance"));
_places.push({ id: 9999 });
_places.splice(-1, 1);

html = '';
$.each(_places, function (index, item) {
if (index '
html += '

'
html += '

'
html += '

'
html += ''
}
});

if (html != '') {
$('.ul-list').fadeIn();
$('#list_place').html(html);
$(".ul-list").mCustomScrollbar({
theme: "minimal-dark"
});
}else
$('.ul-list').fadeOut();
};

function ShowOSMMarker(id) {
var marker = _markers.filter(function (m) { return m.id == id })[0].marker;
marker.openPopup();
};

function Distance(lat1, lon1, lat2, lon2, unit) {
if ((lat1 === lat2) && (lon1 === lon2)) {
return 0;
}
else {
var radlat1 = Math.PI * lat1 / 180;
var radlat2 = Math.PI * lat2 / 180;
var theta = lon1 - lon2;
var radtheta = Math.PI * theta / 180;
var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
if (dist > 1) {
dist = 1;
}
dist = Math.acos(dist);
dist = dist * 180 / Math.PI;
dist = dist * 60 * 1.1515;
if (unit === "K") { dist = dist * 1.609344; }
if (unit === "N") { dist = dist * 0.8684; }
return dist;
}
};

function dynamicSort (property) {
var sortOrder = 1;
if (property[0] === "-") {
sortOrder = -1;
property = property.substr(1);
}
return function (a, b) {
var result = (a[property] b[property]) ? 1 : 0;
return result * sortOrder;
};
};

function LoadPlaces(categoryId) {
$.ajax({
type: "GET",
url: "https://service.homedy.com/Place/Search",
dataType: "json",
contentType: "application/json",
data: { CategoryId: categoryId, Latitude: _latitude, Longitude: _longtitude, Distance: _distance, PageIndex: 0, PageSize: 100 },
success: function (json) {

if (json !== null && json !== undefined) {
if (json.data.length > 0) {
_places = json.data;

$('.ul-list').addClass('no-sub');
}

CalculatorDistanceOLD();
}
},
error: function (error) {
console.log(error);
}
});
}

var _routing = null;
function DrawRouting(positionA, positionB) {

if (_timeOutRouting !== null) {
Snackbar("Thao tác quá nhanh");
} else {
if (_routing !== null) {
_map.removeControl(_routing);
_routing = null;
}

_routing = L.Routing.control({
waypoints: [
L.latLng(positionA.lat, positionA.lng),
L.latLng(positionB.lat, positionB.lng)
],
createMarker: function (i, start, n) {
var marker_icon = null
if (i == 0) {
marker_icon = L.divIcon({ className: 'bus-top-icon brown', html: "A", popupAnchor: [5, -20] });
} else if (i == n - 1) {
marker_icon = L.divIcon({ className: 'bus-top-icon brown', html: "B", popupAnchor: [5, -20] });
}
var marker = L.marker(start.latLng, {
draggable: true,
icon: marker_icon
})
return null;
},
routeWhileDragging: true
}).addTo(_map);

_timeOutRouting = setTimeout(function () {
_timeOutRouting = null;
},1000)
}
}

function Snackbar(content) {
var x = document.getElementById("snackbar");
x.className = "show";
x.innerHTML = content;
setTimeout(function () { x.className = x.className.replace("show", ""); }, 3000);
}

function IsMobile(){
if (window.innerWidth = distance) {
if (!_map_loaded) {
_map_loaded = true;
InitOSMap();

}
}
});

var isProject = false;
if (isProject) {
if (!_map_loaded) {
_map_loaded = true;
InitOSMap();
}
}
}