Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; #map_canvas { width: 600px;height: 550px; } &lt;/style&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"src="http://maps.google.com/maps/api/js?sensor=false"&gt; &lt;/script&gt; &lt;script type="text/javascript"&gt; var map; var layer; var tableid = 3385625; function initialize() { map = new google.maps.Map(document.getElementById('map_canvas'), { center: new google.maps.LatLng(-30.127460619520974, -51.167964935302734), zoom: 11, mapTypeId: google.maps.MapTypeId.ROADMAP }); layer = new google.maps.FusionTablesLayer(tableid); layer.setQuery("SELECT 'ENDERECO' FROM " + tableid); layer.setMap(map); } //FUNÇÃO PARA ATIVAR OS FILTROS function changeMap() { var searchString = document.getElementById('search-string').value.replace(/'/g, "\\'"); if (!searchString) { layer.setQuery("SELECT 'ENDERECO' FROM " + tableid); return; } layer.setQuery("SELECT 'ENDERECO' FROM " + tableid + " WHERE 'TIPO' = '" + searchString + "'"); var queryUrlHead = 'http://www.google.com/fusiontables/api/query?sql='; var queryUrlTail = '&amp;jsonCallback=?'; var query = "SELECT COUNT() FROM " + tableid + " WHERE 'TIPO' CONTAINS IGNORING CASE '" + searchString + "'" var queryurl = encodeURI(queryUrlHead + query + queryUrlTail); var jqxhr = $.get(queryurl, function(data){ try{ $('#count').html((data.table.rows[0][0])); } catch(err){ $('#count').html('0') } }, "jsonp"); } &lt;/script&gt; &lt;/head&gt; &lt;body onload="initialize();"&gt; &lt;div id="map_canvas"&gt;&lt;/div&gt; &lt;div style="margin-top: 10px;"&gt; &lt;label&gt;Qual o tipo?&lt;/label&gt; &lt;select id="search-string" onchange="changeMap(this.value);"&gt; &lt;option value=""&gt;--Selecionar/Reset--&lt;/option&gt; &lt;option value="Bar"&gt;Bar&lt;/option&gt; &lt;option value="Comidas variadas"&gt;Comidas variadas&lt;/option&gt; &lt;option value="Espaço de Cultura"&gt;Espaço de Cultura&lt;/option&gt; &lt;option value="Hotel"&gt;Hotel&lt;/option&gt; &lt;option value="Igreja"&gt;Igreja&lt;/option&gt; &lt;option value="Museu"&gt;Museu&lt;/option&gt; &lt;option value="Restaurante"&gt;Restaurante&lt;/option&gt; &lt;option value="Shopping Center"&gt;Shopping Center&lt;/option&gt; &lt;option value="Teatro"&gt;Teatro&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/br&gt; &lt;label&gt;Quantidade:&lt;/label&gt; &lt;span id='count'&gt;&lt;/span&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload