实景地图杭州 (实景地图杭州天气预报)

js // map.js// 创建地图 var map = new BMap.Map("map"); // 设置地图中心点 map.centerAndZoom(new BMap.Point(120.152881, 30.287459), 12); // 添加缩放控件 map.addControl(new BMap.ZoomControl());// 添加比例尺控件 map.addControl(new BMap.ScaleControl());// 添加卫星地图和普通地图控件 map.addControl(new BMap.MapTypeControl());// 实景地图 var stctrl = new BMap.PanoramaControl(); // 添加实景地图控件 map.addControl(stctrl); // 设置默认开启 stctrl.setOffset(new BMap.Size(20, 20));// weather.js// 获取天气预报 $.ajax({url: "http://api.openweathermap.org/data/2.5/weather?q=Hangzhou&appid=YOUR_API_KEY",dataType: "json",success: function(data) {// 设置天气信息var weather = data.weather[0].main;var temperature = data.main.temp;var humidity = data.main.humidity;var windSpeed = data.wind.speed;// 更新天气信息到页面$("weather").html(`

天气：${weather}

温度：${temperature}°C

湿度：${humidity}%

风速：${windSpeed} m/s

`);} });