页面点击一张图片弹出一张表格,里面是一个人的信息

地图一排居民房,点击其中一个就弹出一户的基本信息表格,这个怎么弄

 设置点击图片为一个事件，点击的时候传一个数据，比如说ID，通过ID查找相关的信息填到表格里，可以将表格设置在另一个页面，由点击

转到这个页面。
具体的可能要根据所用框架来调整，比如说前端弹新页面。

首先在地图的居民房上每一个居民房都应该存放一个对应的居民ID，如果房子是图片的话，这个img可以加个自定义属性存放ID，点击时触发时间，获取当前图片元素中的自定义ID属性的值，通过ajax与后台进行数据交互，获取居民数据。至于表格可以事先写好在页面中，然后将其隐藏起来，ajax加载数据成功后将表格中的数据替换，并将表格显示出来即可。

亲，参考一下这个例子，我觉的可能会适合你。触发一个焦点，然后弹出一个div，你可以试试能不能改成table：
https://www.mapbox.com/mapbox.js/example/v1.0.0/clicks-in-popups/

var map = L.mapbox.map('map', 'mapbox.streets')
.setView([43.6475, -79.3838], 14);

var marker = L.marker([43.6475, -79.3838], {
icon: L.mapbox.marker.icon({
'marker-color': '#9c89cc'
})
})
.bindPopup('Say hi')
.addTo(map);

// The HTML we put in bindPopup doesn't exist yet, so we can't just say
// $('#mybutton'). Instead, we listen for click events on the map element which
// will bubble up from the tooltip, once it's created and someone clicks on it.
$('#map').on('click', '.trigger', function() {
alert('Hello from Toronto!');
});

每一户都有其唯一的标志ID，可以通过其进行跳转，在刷新页面！

可以定一个缓存，现将人员信息保存到缓存中，点击图片的 时候触发图片的点击事件，然后将缓存中的数据填充到table中