Spaces:
Running
Running
| // ==================== ENTRY POINT ==================== | |
| const apiClient = new ApiClient(location.hostname === 'localhost' ? 'http://localhost:4000/api' : '/api'); | |
| //top-left : 10.947849, 106.532560, 17z bottom-right: 10.629144, 106.828837, 17z | |
| // Shared state | |
| let locationsData = []; | |
| let filteredLocations = []; | |
| window.addEventListener('load', async () => { | |
| await window.loadTileCenters(); // load tile centers trước khi render pointr | |
| await loadLocations(); | |
| enableGalleryDragScroll(); | |
| initGalleryClickListener(); | |
| initPathSvg(); | |
| initContainerScrollListener(); | |
| initKeyboardListener(); | |
| await initFilterListeners(); | |
| initPointrDrag(); | |
| initEditorListener(); | |
| initSettings(); | |
| initSearch(); | |
| initStreetPanel(); | |
| await loadPois(); | |
| initPoiInteractions(); | |
| // Test pointr | |
| const allPointrs = [ | |
| { | |
| "name": "Trung Tâm Y Khoa Diag", | |
| "latitude": 10.829389, | |
| "longitude": 106.681626 | |
| }, | |
| { | |
| "name": "Trung Tâm Y Khoa Diag", | |
| "latitude": 10.799748, | |
| "longitude": 106.669596 | |
| }, | |
| { | |
| "name": "Trung Tâm Y Khoa Diag - Cách Mạng Tháng 8", | |
| "latitude": 10.791971, | |
| "longitude": 106.655432 | |
| }, | |
| { | |
| "name": "Phòng chờ xe Hải Vân Limousine Hồ Chí Minh - Vũng Tàu", | |
| "latitude": 10.769824, | |
| "longitude": 106.700088 | |
| }, | |
| { | |
| "name": "Diag Laboratories", | |
| "latitude": 10.818625, | |
| "longitude": 106.678662 | |
| }, | |
| { | |
| "name": "Tan Binh Hospital", | |
| "latitude": 10.7945055, | |
| "longitude": 106.65498559999999 | |
| }, | |
| { | |
| "name": "Thong Nhat Hospital", | |
| "latitude": 10.7915459, | |
| "longitude": 106.65347419999999 | |
| }, | |
| { | |
| "name": "Binh Tan District Hospital", | |
| "latitude": 10.7643601, | |
| "longitude": 106.6032103 | |
| }, | |
| { | |
| "name": "Tan Phu District Hospital", | |
| "latitude": 10.783638, | |
| "longitude": 106.6422004 | |
| }, | |
| { | |
| "name": "Tan Phu District Hospital", | |
| "latitude": 10.783638, | |
| "longitude": 106.6422004 | |
| }, | |
| { | |
| "name": "Tam Tri Saigon General Hospital", | |
| "latitude": 10.83175, | |
| "longitude": 106.62183 | |
| }, | |
| { | |
| "name": "Quoc Anh General Hospital", | |
| "latitude": 10.753473399999999, | |
| "longitude": 106.5931056 | |
| }, | |
| { | |
| "name": "International Neurosurgery Hospital (INH)", | |
| "latitude": 10.7612331, | |
| "longitude": 106.63213739999999 | |
| }, | |
| { | |
| "name": "District 10 Hospital", | |
| "latitude": 10.7762318, | |
| "longitude": 106.6666796 | |
| }, | |
| { | |
| "name": "Hyvong Hospital", | |
| "latitude": 10.789941599999999, | |
| "longitude": 106.6283078 | |
| }, | |
| { | |
| "name": "Tam Anh Hospital", | |
| "latitude": 10.802484999999999, | |
| "longitude": 106.6660436 | |
| }, | |
| { | |
| "name": "Cho Ray Hospital", | |
| "latitude": 10.7578646, | |
| "longitude": 106.6595131 | |
| }, | |
| { | |
| "name": "Benh Vien Xuyen A", | |
| "latitude": 10.92804, | |
| "longitude": 106.55816 | |
| }, | |
| { | |
| "name": "Hoan My Sai Gon General Hospital", | |
| "latitude": 10.800158699999999, | |
| "longitude": 106.684242 | |
| }, | |
| { | |
| "name": "Mỹ Đức General Hospital", | |
| "latitude": 10.7999169, | |
| "longitude": 106.6415827 | |
| }, | |
| { | |
| "name": "Trung tâm y tế quận Tân Phú", | |
| "latitude": 10.7871291, | |
| "longitude": 106.6334301 | |
| } | |
| ]; | |
| const coordinates = document.querySelector('.coordinates'); | |
| let nSize = parseInt(document.getElementById('sSize').value); | |
| console.log('New size:', nSize); | |
| sizePer = nSize/2400; | |
| setTimeout(() => { | |
| return; | |
| allPointrs.forEach(({ name, latitude, longitude }) => { | |
| const pos = latLonToPixel(latitude, longitude, sizePer); | |
| const { pointr } = createPointr(pos.left, pos.top, name, latitude, longitude); | |
| coordinates.appendChild(pointr); | |
| }); | |
| }, 2000); | |
| }); | |