我一直在使用Google电子表格和Fusion表格来创建地图,但我想做一些涉及到更多编码的事情,希望您能帮助我改进我的方法。
基本上,我已经使用电子表格从英国国家医疗服务体系本地站点中收集了GP和Chemist数据,并使用融合表对其进行了地理编码(https://www.google.com/fusiontables/DataSource?docid=1xmT0D6H6JjRlXVyetubasugqQMswJqKNH7nrKh4)。
我现在尝试做的是使用Google Maps Api发布Fusion Table数据,然后添加控件,以便用户可以过滤掉他们不想要的部分。我知道如何创建自定义按钮,但我不能解决的是如何在按钮被单击时创建查询。
这将是非常有用的东西,所以如果你能帮上忙,那就太好了。
到目前为止,我的努力如下:
http://davidelks.com/MashupTests/gmapsTest.html
<script type="text/javascript">
var map, infoWindow;
var toggle_doctors = 'false';
var toggle_chemists = 'false';
$(document).ready(function(){
infoWindow = new google.maps.InfoWindow({});
map = new GMaps({
div: '#map',
lat: 53.023098,
lng: -2.197793,
zoom: 11
});
var doctors = map.addControl({
position: 'left_bottom',
text: 'GPs',
style: {
margin: '1px',
padding: '1px 6px',
border: 'solid 1px #717B87',
width: '85px',
background: '#99ff99'
},
events: {
click: function(){
if (toggle_doctors == 'true'){
toggle_doctors = 'false';
doctors.style.backgroundColor = '#ffffff';
}
else {
toggle_doctors = 'true';
doctors.style.backgroundColor ='#99ff99';
}
}
}
});
var chemists = map.addControl({
position: 'left_bottom',
text: 'Late chemists',
style: {
margin: '1px',
width: '85px',
padding: '1px 6px',
border: 'solid 1px #717B87',
background: '#9999ff'
},
events: {
// toggle button between white and colour
click: function(){
if (toggle_chemists == 'true'){
toggle_chemists = 'false';
chemists.style.backgroundColor = '#ffffff';
}
else {
toggle_chemists = 'true';
chemists.style.backgroundColor ='#9999ff';
}
}
}
});
map.loadFromFusionTables({
query: {
select: '*',
from: '1xmT0D6H6JjRlXVyetubasugqQMswJqKNH7nrKh4',
where: 'TYPE == \'GP\''
},
events: {
click: function(point){
infoWindow.setPosition(point.latLng);
infoWindow.open(map.map);
}
}
});
});//end of code block
</script>
<div id="map" style="height: 500px; width: 300px; border: 1px;"></div>发布于 2012-07-23 03:59:42
推荐你看看Derek Eders的网站,因为他有一个模板,允许选择底层熔合表数据的子集到地图上……我已经利用它做了几件事,它工作得很好。
derekeder.com/searchable_map_template/
发布于 2012-07-06 21:40:52
https://stackoverflow.com/questions/11363239
复制相似问题