0

我有一个包含地块图层的 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>

任何帮助，将不胜感激。

谢谢;

马特

4

1 回答 1

0

您可能想要做这样的事情，您将不得不调用 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

于 2014-05-27T21:22:55.977 回答