Question

我有一个包含地块图层的Google Fusion Table。每个包裹都分配了一个ARN号码。我正在尝试创建一个搜索框，其中可以输入ARN编号，它将选择并希望缩放到该包裹。我是java脚本的新手，我不确定为什么我的搜索框不起作用。 Fusion表具有包含空间信息的“几何”列，“ARN”列是包含ARN编号的“数字”字段。这是我的代码。

 function changeMapl0() {
    var searchString = document.getElementById('search-string-l').value.replace(/'/g,  "\\'");
    layer.setOptions({
       query: {
         select: 'geometry',
         from: 'tableID',
         where: "'ARN' CONTAINS IGNORING CASE '" + searchString + "'"
         }
     });
  }


 <body>
    <div style="margin-top: 10px;">
        <label>Enter Roll Number</label><input type="text" id="search-string-l">
        <input type="button" onclick="changeMapl0()" value="Search">
     </div>
 </body>

任何帮助将不胜感激。

感谢;

马特

Answer 1

您可能想要做这样的事情，您将不得不调用zoom2query函数。您可能希望计算包裹质心的纬度和长度以进行缩放功能，请确保在地图上调用几何列列，这样您就没有这些点。

function changeMap() {
                var searchString = document.getElementById('search').value.replace("'", "\\'");
                if(searchString == "") {
                    var query="SELECT 'Lat' FROM " + tableid;
                }
                else {
                    var query="SELECT 'Lat' FROM " + tableid + " WHERE 'PARCEL_ID' = '" + searchString + "'";
                }
                // layer.setQuery(query);
                if(searchString == "") {
                    var query="SELECT 'Lat','Long' FROM " + tableid;
                }
                else {
                    var query="SELECT 'Lat','Long' FROM " + tableid + " WHERE 'ARN' = '" + searchString + "'";
                }
                zoom2query(query);
            }
            var infowindow = new google.maps.InfoWindow();
            function zoom2query(query) {
                // zoom and center map on query results
                //set the query using the parameter
document.getElementById("query").innerHTML = query;
                var queryText = encodeURIComponent(query);
                var query = new google.visualization.Query('https://www.google.com/fusiontables/gvizdata?tq='  + queryText);
                //set the callback function
                query.send(zoomTo);
            }
            function zoomTo(response) {
                if (!response) {
                    alert('no response');
                    return;
                }
                if (response.isError()) {
                    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
                    return;
                } 
                numRows = response.getDataTable().getNumberOfRows();
                numCols = response.getDataTable().getNumberOfColumns();
                var lat = response.getDataTable().getValue(0,0);
                var lng = response.getDataTable().getValue(0,1);
                var zoom_level = 19;
                var location = new google.maps.LatLng(lat,lng);
                map.setCenter(location);
                map.setZoom(zoom_level);
            }

以下是我所做的一个例子，我们有RP编号，但我的缩放到包裹 https://googledrive.com/host/0B0J_A50xWBAqNHZqVlUxSkNUbWs/Shoshone.html

搜索框Google Fusion Table / Google API

1 个答案: