离我最近的汽车充电桩在哪里 (离我最近的汽车充电桩)

上海桑拿 05-12 阅读:58 评论:0

如果您正在寻找离您最近的汽车充电桩,请使用下面的地图或搜索栏。地图显示了您所在地区所有充电桩的位置,搜索栏允许您按特定地址或邮政编码搜索。

离我最近的汽车充电桩在哪里 (离我最近的汽车充电桩)
CSS css body {font-family: sans-serif; }map {width: 100%;height: 500px; }search-form {margin-top: 20px; }results {margin-top: 20px; }.result {border: 1px solid ccc;padding: 10px;margin-bottom: 10px; }.result-name {font-weight: bold;font-size: 1.2rem; }.result-address {font-size: 1rem; }.result-distance {float: right;font-size: 1rem; }JavaScript javascript const map = L.map('map').setView([51.505, -0.09], 13);L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {maxZoom: 19,attribution: '© OpenStreetMap contributors' }).addTo(map);const searchControl = L.Control.geocoder({position: 'topright',collapsed: false,placeholder: '地址或邮政编码' }).addTo(map);const resultsContainer = document.getElementById('results');searchControl.on('markgeocode', function(e) {const latLng = e.geocode.center;const results = L.marker(latLng).bindPopup('你搜索的位置').addTo(map);resultsContainer.innerHTML = '';resultsContainer.appendChild(results.getPopup().getContent()); });searchControl.on('found', function(e) {const results = e.results;resultsContainer.innerHTML = '';for (let i = 0; i < results.length; i++) {const result = results[i];const distance = result.distance.toFixed(2) + '公里';const resultElement = document.createElement('div');resultElement.classList.add('result');const resultName = document.createElement('h3');resultName.classList.add('result-name');resultName.innerText = result.name;const resultAddress = document.createElement('p');resultAddress.classList.add('result-address');resultAddress.innerText = result.properties.address;const resultDistance = document.createElement('p');resultDistance.classList.add('result-distance');resultDistance.innerText = distance;resultElement.appendChild(resultName);resultElement.appendChild(resultAddress);resultElement.appendChild(resultDistance);resultsContainer.appendChild(resultElement);} });
版权声明

本文仅代表作者观点,不代表上海桑拿立场。
本文系作者授权发表,未经许可,不得转载。