第四天

可视化页面的设计(二)

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

高德的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;
        }
    });
}

其他地方也设置了联动

posted @ 2021-04-26 17:53  韦德·沃兹  阅读(58)  评论(0)    收藏  举报