Dự án Khu đô thị Đền Lừ II Hà Nội

“); 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(”

” + data.title + “

“); 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 += ” + item.Name + ”; ); $(‘#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 ‘ 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 = 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 ‘ 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 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(); } //]]>