谁能教我用php和mysql做这样的页面，有偿

Question

和这类似的就行能实现功能

Answer 1

右边的表格 是你数据库里面的 内容然后地图你可以用百度地图 使用地点标注 把你数据库里面存储的地址标注出来 设置一下 方法比例就可以了下面的曲线图可以用 百度的 echart 画出来 整体不难。

Answer 2

给你js的代码            var city = $('.now-city').val();            var map = new BMap.Map('hotel-map');                  // 创建Map实例
            map.centerAndZoom(city, 17);                          // 创建当前城市坐标
            map.enableScrollWheelZoom();                          //启用滚轮放大缩小
            map.addControl(new BMap.NavigationControl());
            map.addControl(new BMap.MapTypeControl());            var localSearch = new BMap.LocalSearch(map);
            var hotelLeng = $('.xxxxxxxxx').length;
            for(var i = 1; i <= hotelLeng; i++){
                var keyword = $('.xxxxxxxxxx').html();
                maps(keyword);
// 创建多个标注地点这个你是需要的 有多少标注多少个
            }            function maps(keyword){
                localSearch.search(keyword);                localSearch.setSearchCompleteCallback(function (searchResult) {
                    var poi = searchResult.getPoi(0);
                    map.centerAndZoom(poi.point, 17);
                    var er = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat));  // 创建标注，为要查询的地方对应的经纬度
                    map.addOverlay(er);
                    var content = poi.province + poi.title + "<br/>地址：" + poi.city + poi.address;
                    var infoWindow = new BMap.InfoWindow("<p class='text-default'>" + content + "</p>");
                    er.addEventListener("click", function () { this.openInfoWindow(infoWindow); });
                });
            }这个是实际效果 地图的放大比例根据 map.centerAndZoom(city, 17);     来调整

Answer 3

左边的折线图你可以用 百度的echart画出来 官网都有例子的 链接：https://echarts.baidu.com/examples/ 直接点就跳过去了
你数据库的数据查出来了 和这个例子配合一下 就画出来了 需要一点点 一丢丢的js基础的 很简单的