首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用API中的Google Fusion表进行查询

问使用API中的Google Fusion表进行查询
EN

Stack Overflow用户
提问于 2012-07-06 21:35:44
回答 2查看 508关注 0票数 0

我一直在使用Google电子表格和Fusion表格来创建地图,但我想做一些涉及到更多编码的事情,希望您能帮助我改进我的方法。

基本上,我已经使用电子表格从英国国家医疗服务体系本地站点中收集了GP和Chemist数据,并使用融合表对其进行了地理编码(https://www.google.com/fusiontables/DataSource?docid=1xmT0D6H6JjRlXVyetubasugqQMswJqKNH7nrKh4)。

我现在尝试做的是使用Google Maps Api发布Fusion Table数据,然后添加控件,以便用户可以过滤掉他们不想要的部分。我知道如何创建自定义按钮,但我不能解决的是如何在按钮被单击时创建查询。

这将是非常有用的东西,所以如果你能帮上忙,那就太好了。

到目前为止,我的努力如下:

http://davidelks.com/MashupTests/gmapsTest.html

代码语言:javascript
复制
<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>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-07-23 03:59:42

推荐你看看Derek Eders的网站,因为他有一个模板,允许选择底层熔合表数据的子集到地图上……我已经利用它做了几件事,它工作得很好。

derekeder.com/searchable_map_template/

票数 1
EN

Stack Overflow用户

发布于 2012-07-06 21:40:52

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11363239

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档