Thuê ngay nhà shr tại Đường Hoàng Quốc Việt - Cầu Giấy, 80 m2, 4 tầng, giá 24 triệu/tháng (2024)

"); 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 = GetDistance(_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 <= 10) { AddMakerToOSMap(item); var cssClass = ''; switch (_placeCategoryId) { case 11: cssClass = 'truong-hoc'; break; case 5: { cssClass = 'sieu-thi'; break; } case 1: { cssClass = 'ben-xe'; break; } case 2: { cssClass = 'y-te'; break; } case 15: { cssClass = 'ngan-hang'; break; } } 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 = GetDistance(_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 <= 10) { AddMakerToOSMapOLD(item); var cssClass = ''; switch (_placeCategoryId) { case 11: cssClass = 'truong-hoc'; break; case 5: { cssClass = 'sieu-thi'; break; } case 1: { cssClass = 'ben-xe'; break; } case 2: { cssClass = 'y-te'; break; } case 15: { cssClass = 'ngan-hang'; break; } } 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 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 : (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 < 768) { return true; } return false; } window.onload = function () { $(window).scroll(function () { var elementOffset = $('#map').offset().top; var distance = (elementOffset - $(window).height()); if ($(window).scrollTop() >= distance) { if (!_map_loaded) { _map_loaded = true; InitOSMap(); } } }); var isProject = false; if (isProject) { if (!_map_loaded) { _map_loaded = true; InitOSMap(); } } }