第四天

可视化页面的设计（二）

图表联动、地点景区信息更新

高德的poi本就可以实现图表联动，但是html中的div和表格无法实现，需要iframe标签来实现

showCityInfo();

var iframe = document.getElementById('IFeditValue');

function test(Url) {
    iframe.src = Url;

function showCityInfo() {
    //实例化城市查询类
    var citysearch = new AMap.CitySearch();
    //自动获取用户IP，返回当前城市
    citysearch.getLocalCity(function(status, result) {
        if (status === 'complete' && result.info === 'OK') {
            if (result && result.city && result.bounds) {
                var cityinfo = result.city;
                var citybounds = result.bounds;
                document.getElementById('info').innerHTML = '您当前所在城市：' + cityinfo;
                test("./nowtable.jsp?nowcity='" + cityinfo + "'");
                //地图显示当前城市
                map.setBounds(citybounds);
            }
        } else {
            document.getElementById('info').innerHTML = result.info;
        }
    });
}

其他地方也设置了联动