2012-06-07 1 views
1

Я новичок в JavaScript, который начал использовать таблицы Google Fusion, и мне было интересно, могут ли какие-либо эксперты по этим двум вещам помочь мне с чем-то.Как создать карту Google Fusion Table, которая позволяет пользователям выбирать несколько карт?

Вот четыре карты, которые я сделал из одной таблицы Fusion (они встраивать коды):

<iframe width="800" height="600" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col4%3E%3E1+from+13A1jVfCkkhx7UORDIVPxKdHkDTks3_2X_9hFprs&amp;h=false&amp;lat=38&amp;lng=-98&amp;z=4&amp;t=1&amp;l=col4%3E%3E1&amp;y=2&amp;tmplt=2"></iframe> 
<br><br> 
<iframe width="800" height="600" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col4%3E%3E1+from+13A1jVfCkkhx7UORDIVPxKdHkDTks3_2X_9hFprs&amp;h=false&amp;lat=38&amp;lng=-98&amp;z=4&amp;t=1&amp;l=col4%3E%3E1&amp;y=3&amp;tmplt=3"></iframe> 
<br><br> 
<iframe width="800" height="600" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col4%3E%3E1+from+13A1jVfCkkhx7UORDIVPxKdHkDTks3_2X_9hFprs&amp;h=false&amp;lat=38&amp;lng=-98&amp;z=4&amp;t=1&amp;l=col4%3E%3E1&amp;y=4&amp;tmplt=4"></iframe> 
<br><br> 
<iframe width="800" height="600" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col4%3E%3E1+from+13A1jVfCkkhx7UORDIVPxKdHkDTks3_2X_9hFprs&amp;h=false&amp;lat=38&amp;lng=-98&amp;z=4&amp;t=1&amp;l=col4%3E%3E1&amp;y=5&amp;tmplt=5"></iframe> 

Я хотел бы сделать карту, которая имеет выпадающий список с каждым из этих карт в качестве опции. Кто-нибудь знает как это сделать?

Вот что-то вроде: The Texas Tribune имеет a Fusion Table map с выпадающим списком в верхнем левом углу, который позволяет пользователям выбирать четыре разных карты (районы штатов, сенат штата и т. Д.).

Я посмотрел исходный код, но я думаю, что я все еще немного не знаком с API-интерфейсом Fusion Tables.

Если кто знает, как я могу это понять, я бы очень признателен.

спасибо.

+0

Я не слишком хорошо знаком с таблицами Fusion, поэтому мне нужна дополнительная информация. Я заметил, что разница между каждым iframe равна y = 2, а tmplt = 2 - 3, 4 и 5. Что именно это означает? Как вы перекрашиваете карту? Это разные данные? Запрос выглядит одинаково. Я пытаюсь найти эквивалент в Javascript API. –

+1

Что именно вы пытаетесь сделать? Я не думаю, что вам нужны 4 разных карты, но вы предпочитаете показывать разные данные на одной карте (например, пример Texas Tribune). Посмотрите [этот простой пример] (https://developers.google.com/fusiontables/docs/samples/change_query), чтобы получить основную идею. – Odi

+0

@Lilina: Кажется, что «tmplt» относится к шаблону - то есть «tmplt = 1» - это одна карта со своими собственными цветами и данными, а «tmplt = 2» - это другая карта с разными цветами и данными, и поэтому на. Файл Fusion Tables находится в GoogleDocs (облачной системе) и настроен на то, чтобы выглядеть как база данных (например, любое программное обеспечение для работы с электронными таблицами). В последней версии таблиц Fusion вы можете сделать несколько разных карт в одном файле, и поэтому «tmplt» и «y» отличаются. Каждый из них имеет разные цвета и отображения данных. Имеет ли это смысл? – Username

ответ

0

У меня было бы четыре таблицы/карты Fusion и использовать код на вашей веб-странице, чтобы отобразить только тот, который выбран из выпадающего списка. Это работа для вашего Javascript, а не Fusion. У меня есть нечто подобное, в котором пользователи могут выбрать (по ссылке GET), какая карта отображается. Это все на PHP.

Смежные вопросы