最新疫情信息
-
确诊病例数：
-
死亡病例数：
-
治愈病例数：
-
疑似病例数：
-
无症状感染者：
数据来源：
人民日报
js
// 定义地图的中心点，缩放级别和显示类型
const mapCenter = { lat: 31.222508, lng: 121.458134 };
const zoomLevel = 11;
const mapType = google.maps.MapTypeId.ROADMAP;// 创建地图对象
const map = new google.maps.Map(document.getElementById('map'),{center: mapCenter,zoom: zoomLevel,mapTypeId: mapType,}
);// 创建信息窗口对象
const infoWindow = new google.maps.InfoWindow();// 创建标记点集合
const markers = [];// 获取疫情数据
const getCovidData = async () => {const response= await fetch('https://api.map.baidu.com/telematics/v3/covid19?' +'ak=(YOUR_API_KEY)' +'&id=shanghai' +'&scope=1');const data = await response.json();return data;
};// 在地图上显示标记点
const displayMarkers = (data) => {const covidData = data.results[0];const casesData = covidData.areaList[0].statisticsData;const cases = {confirmed: casesData.confirmedCount,death: casesData.deadCount,recovered: casesData.curedCount,suspected: casesData.suspectedCount,asymptomatic: casesData.noSymptomCount,};// 更新信息面板中的最新疫情信息document.getElementById('confirmed-cases').textContent = cases.confirmed;document.getElementById('death-cases').textContent = cases.death;document.getElementById('recovered-cases').textContent = cases.recovered;document.getElementById('suspected-cases').textContent = cases.suspected;document.getElementById('asymptomatic-cases').textContent = cases.asymptomatic;// 更新最后更新时间const lastUpdate = new Date(covidData.modifyTime);document.getElementById('last-update').textContent = `（最后更新：${lastUpdate.toLocaleString()}）`;// 在地图上显示标记点for (const area of covidData.areaList) {
const position = area.location;const cases = area.statisticsData;const marker = new google.maps.Marker({position,title: area.displayName,icon: {url: 'https://maps.google.com/mapfiles/kml/pal4/icon44.png',scaledSize: new google.maps.Size(32, 32),},});// 添加事件侦听器，在点击标记点时显示信息窗口marker.addListener('click', () => {infoWindow.setContent(`
${area.displayName}
` +`
` +`
-
确诊病例数：${cases.confirmedCount}
` +`
-
死亡病例数：${cases.deadCount}
` +`
-
治愈病例数：${cases.curedCount}
` +`
-
疑似病例数：${cases.suspectedCount}
` +`
-
无症状感染者：${cases.noSymptomCount}
` +`
`);infoWindow.open(map, marker);});markers.push(marker);}// 将所有标记点添加到地图上markers.forEach((marker) => marker.setMap(map));
};// 初始化地图
const initMap = () => {// 获取疫情数据getCovidData().then((data) => displayMarkers(data));
};// 加载地图API
const loadMapApi = () => {const script = document.createElement('script');script.src = ``;script.async = true;document.head.appendChild(script);
};// 加载地图API
loadMapApi();
