Artikel - Versand. com

etwa 5000~500000

421

Großartige Errungenschaft. muss wohlhabend sein günstig

1

172.67.199.21

QuảnlýTrạmĐiệnhtml,body{height:100%;margin:0;padding:0;font-family:Arial,sans-serif;}.container{display:flex;height:100%;}.sidebar{width:300px;padding:20px;overflow-y:auto;background:#f8f8f8;border-right:1pxsolid#ddd;}#map{flex-grow:1;}.station-item{border:1pxsolid#ddd;padding:10px;margin-bottom:10px;cursor:pointer;background:#fff;}.station-item:hover{background:#eee;}.custom-map-control-button{background:#fff;border:0;padding:10px;margin:10px;font-size:14px;cursor:pointer;}Tìmkiếmtrạmđiệnletmap,infoWindow,directionsService,directionsRenderer;conststations=[{name:"TrạmĐiện1",lat:10.,lng:106.,info:"ThôngtinvềTrạmĐiện1"},{name:"TrạmĐiện2",lat:10.,lng:106.,info:"ThôngtinvềTrạmĐiện2"},//Thêmcáctrạmkháctạiđây];functioninitMap(){map=newgoogle.maps.Map(document.getElementById('map'),{center:{lat:10.,lng:106.},zoom:12});directionsService=newgoogle.maps.DirectionsService();directionsRenderer=newgoogle.maps.DirectionsRenderer();directionsRenderer.setMap(map);stations.forEach(station=>{constmarker=newgoogle.maps.Marker({position:{lat:station.lat,lng:station.lng},map:map,title:station.name});constinfoWindow=newgoogle.maps.InfoWindow({content:`${station.name}${station.info}`});marker.addListener('click',()=>{infoWindow.open(map,marker);calculateAndDisplayRoute(station.lat,station.lng);});conststationList=document.getElementById('station-list');conststationItem=document.createElement('div');stationItem.className='station-item';stationItem.innerHTML=`${station.name}${Artikel - Versand. comstation.info}`;stationItem.addEventListener('click',()=>{map.setCenter(marker.getPosition());infoWindow.open(map,marker);calculateAndDisplayRoute(station.lat,station.lng);});stationList.appendChild(stationItem);});infoWindow=newgoogle.maps.InfoWindow();constlocationButton=document.createElement("button");locationButton.textContent="Xácđịnhvịtríhiệntạicủatôi";locationButton.classList.add("custom-map-control-button");map.controls[google.maps.ControlPosition.TOP_CENTER].push(locationButton);locationButton.addEventListener("click",()=>{if(nigator.geolocation){nigator.geolocation.getCurrentPosition((position)=>{constpos={lat:position.coords.latitude,lng:position.coords.longitude,};infoWindow.setPosition(pos);infoWindow.setContent("Vịtríhiệntạicủabạn.");Artikel - Versand. cominfoWindow.open(map);map.setCenter(pos);},()=>{handleLocationError(true,infoWindow,map.getCenter());});}else{handleLocationError(false,infoWindow,map.getCenter());}});}functioncalculateAndDisplayRoute(destinationLat,destinationLng){if(nigator.geolocation){nigator.geolocation.getCurrentPosition((position)=>{constpos={lat:position.coords.latitude,lng:position.coords.longitude,};directionsService.route({origin:pos,destination:{lat:destinationLat,lng:destinArtikel - Versand. comationLng},trelMode:google.maps.TrelMode.DRIVING,},(response,status)=>{if(status==="OK"){directionsRenderer.setDirections(response);}else{window.alert("Directionsrequestfaileddueto"+status);}});},()=>{handleLocationError(true,infoWindow,map.getCenter());});}else{handleLocationError(false,infoWindow,map.getCenter());}}functionhandleLocationError(browserHasGeolocation,infoWindow,pos){infoWindow.setPosition(pos);infoWindow.setContent(browserHasGeolocation?"Lỗi:Dịchvụđịnhvịbịlỗi.":"Lỗi:Trìnhduyệtcủabạnkhônghỗtrợđịnhvị.");infoWindow.open(map);}