qwerin / fusion-tables

Automatically exported from code.google.com/p/fusion-tables
0 stars 1 forks source link

Enable mouseover event on Fusion Table map layer #223

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
I'd like to see the classic mouseover create/display content (aka tooltips) 
feature.  

The need is reasonably obvious; currently, when looking at a FT generated map  
(Maps javascript API v3.x), there is no way of knowing what features are shown. 
 Features have no title, and there is no simple way of providing a legend.  
Both of these are very important in cartography.  Lacking these mark-ups is a 
serious deficiency in the classic user experience.  Lacking the mouseover is a 
serious deficiency in the modern digital map experience. 

For a mobile map (Apple/Android) lacking the classic features might be 
acceptable, if the mouseover was available as a substitute.  

Original issue reported on code.google.com by BSUJoeGa...@gmail.com on 10 Jan 2011 at 8:42

GoogleCodeExporter commented 9 years ago
A little additional information.  Mouseover in this case specifically means 
when the mouse passes over a layer feature that invokes the already in place 
'on mouseover, change cursor' event.  In this fashion, one could enable an 
InfoWindow event.  The downside might be having to create an InfoWindow event 
that automatically closes on mouseout, and timing so the InfoWindow opens and 
closes with a small delay (hover in/out) to provide a better user experience. 

Original comment by BSUJoeGa...@gmail.com on 12 Jan 2011 at 4:05

GoogleCodeExporter commented 9 years ago
Hi Joe, 

Look here: 
http://code.google.com/apis/fusiontables/docs/sample_code.html#ftl 
for "Changing the content of the InfoWindow"  sample code. It allows you to 
catch the onClick event and display your own content. 

It's not mouse-over, but will it do the trick for you? 

-Rebecca

Original comment by rshap...@google.com on 19 Jan 2011 at 12:27

GoogleCodeExporter commented 9 years ago
Hi, Rebecca,

    Thanks for the tip.. I had already figured that one out.  But it isn't
what management wants.

    Here's a couple of points why mouseover is desired: (Other than
management wants it....)
1.  No static labels from FT layer rows.  Labels are a standard part of
maps.  Omitting them severely cripples the legitimacy of FT as a mapping
medium.
2.  From a a UI point of view, mouseover is a quick and dirt, er, convenient
search mechanism.  The application (a University campus) is also meant to be
mobile.  Having mouseover means a finger swipe will also show features.
3;  From a maintenance and development view, creating static labels is
possible, but limited using the either the Visualization API.  But if I read
the documentation right (no promises there!) there are limitations regarding
the number and rate at which points can be displayed.  This has implications
for mobile as well.
4.  (Speculation on my part).  The FT map already knows when a features is
moused-over, as indicated by a change of cursor.  Adding the code at your
end to add make the cursor change dynamic based on a single field retrieval
would not be huge, unlike, say custom marker support.
5.  Finally, one 'mantra' I try to remember when creating things like this
map is that technology should add intelligently to the experience.  Tech for
it's own sake can be wasteful.  Having mouseover on a map extends the model
of a map in a simple but relatively elegant manner.

Does that clarify my request appropriately?

best regards!
Joe

Original comment by BSUJoeGa...@gmail.com on 19 Jan 2011 at 5:45

GoogleCodeExporter commented 9 years ago
OK - thanks for the clarification.   And I see you've already added your 
support for Labels on points and Polygons 
(http://code.google.com/p/fusion-tables/issues/detail?id=97). 

Thanks!

-Rebecca

Original comment by rshap...@google.com on 19 Jan 2011 at 6:42

GoogleCodeExporter commented 9 years ago
And yet another, additional, reason for mouseover; Accessibility.  Since the FT 
map is in some sense a single image, there's no way (I can think of...) for 
accessibility programs to interpret the features on the map.  Having a 
mouseover tooltip would allow these utilities to provide information to such 
users. 

Original comment by BSUJoeGa...@gmail.com on 1 Feb 2011 at 5:57

GoogleCodeExporter commented 9 years ago
Just displaying a marker 'Title' onmouseover would be enough for me. It would 
certainly help the user to decide whether or not they want to click a marker. 
Especially helpful when displaying large amounts of data = tightly packed 
markers at higher zoom levels.

Original comment by mercy.re...@gmail.com on 4 Mar 2011 at 11:57

GoogleCodeExporter commented 9 years ago
can we hope to get the mouseover event on Fusion Table map layer soon?

Original comment by ralf.wes...@gmail.com on 15 May 2011 at 7:55

GoogleCodeExporter commented 9 years ago
The FusionTablesLayer is rendered server-side and sent as image tiles to the 
browser.  Supporting mouse-over events require essentially sending all the same 
data to the client that we avoid sending by rendering the tiles.   So although 
it does have all the benefits that have been listed in this thread,  this isn't 
a simple feat, and it's not something we're actively working on at the moment. 

-Rebecca

Original comment by rshap...@google.com on 18 May 2011 at 3:27

GoogleCodeExporter commented 9 years ago
Rebecca,
  A very useful mouseover event does not require all client data sent to client. It can be a small piece (i.e. title only). The behavior would be similar to that of  maps.google.com, which displays a small text when mouseover, then allow user to choose click on for more data. 
  If even a "title" is too much, a mouse over event is still useful. Apparently the location of the (server side) marker IS ALREADY transfered to client because it is used to change mouse cursor from hand to pointer. It just did not trigger an mouseover event via API. If the event is available, the client can setup a timer and produce a feature tracking mouseover-pause, which typically mean the user wants to know a little more about this marker quickly, without necessarily committed to a full click. When the application detects that behavior, it can make calls to get more data (via additional API feature). Under the hood it is triggers a query, but the user experience is better than full click because the user can move to another marker easily. Does this make sense?

Original comment by nian...@gmail.com on 18 May 2011 at 10:49

GoogleCodeExporter commented 9 years ago
For us ( climatology: e.g., http://arve.epfl.ch/test/ for now) this is a 
deal-breaker :-( 

We really like the speed of using FusionTablesLayer as opposed to our older way 
of managing the markers ourselves via a +90k stations in an xml file.

HOWEVER,
as clicking a marker from the layer will cause computation on our server (so a 
wait-time for the visitor) we need a way for them to know the name of the 
station BEFORE they click.

<sniff>

Original comment by skoppenh...@gmail.com on 26 May 2011 at 10:28

GoogleCodeExporter commented 9 years ago
Maybe a temporary solution for us is to asynchronously load a a regional xml 
file (based on the current viewport) and place transparent markers that can 
respond to flyovers.

That way I get the speed of marker display (and infowindows) thanks to FT, but 
I still get flyovers (albeit not immediately).

Has anyone tried this already?

Original comment by skoppenh...@gmail.com on 26 May 2011 at 10:39

GoogleCodeExporter commented 9 years ago
Hi - check this out: http://www.google.com.tr/intl/tr/landing/elections/2011/ 
can you please advise us how this was implemented? Is there a "best practice" 
for mouse over like the one above?

Original comment by ronenwai@gmail.com on 13 Jun 2011 at 10:19

GoogleCodeExporter commented 9 years ago
I use polygon shapes & Fusion Tables (kml data) and when the polygon is 
clicked, a window pops up. That works great but I need some indication what is 
going to popup. For me, even the simplest of labels would be VERY helpful. 

Original comment by lfair...@amep.com on 21 Jun 2011 at 1:48

GoogleCodeExporter commented 9 years ago
Sorry for bumping,.. but, has anyone moved forward on this issue (allowing 
flyover popups when using a fusion table layer ?). 

I've got a beta weather-station map with 22'000 stations (one day:100'000) 
where fly-over's (even just labels!) would help a lot!

    http://arve.epfl.ch/test/

cheers.
shawn (@drkdev on Twitter)

Original comment by arve.gr...@gotan.ch on 11 Jul 2011 at 8:09

GoogleCodeExporter commented 9 years ago
Nothing new to announce here - I recommend looking for other ways to make it 
work in your project at the moment. 

Thanks, 

-Rebecca

Original comment by rshap...@google.com on 11 Jul 2011 at 10:30

GoogleCodeExporter commented 9 years ago

Original comment by rshap...@google.com on 12 Aug 2011 at 11:30

GoogleCodeExporter commented 9 years ago

Original comment by rshap...@google.com on 12 Sep 2011 at 10:18

GoogleCodeExporter commented 9 years ago
Anyone have an example of how to work around this? 

Original comment by lfair...@amep.com on 26 Oct 2011 at 4:27

GoogleCodeExporter commented 9 years ago
Please add this feature, thank you.

Original comment by WTRealPr...@gmail.com on 1 Nov 2011 at 7:57

GoogleCodeExporter commented 9 years ago
Work around for mouseover/mouseout on polygons from FusionTables.
Note: uses the google visualization library to create native v3 polygons, so 
will not be appropriate for large or complex polygons.

http://www.geocodezip.com/geoxml3_test/v3_FusionTables_polygons_mouseover.html

Original comment by geocodezip on 12 Nov 2011 at 6:15

GoogleCodeExporter commented 9 years ago
I have large and complex polygons and need this feature too.

I'd like to have a click of FT A to pull mouseover information from FT B so 
that I can generate an appropriate .php GET link in the Info Window.

Simpler problem?
I also have a GPS position status bar which fails over the FT layer.  I tried:
google.maps.event.addListener(Layer, 'click', statusBar) 
This works, but not 'mouseover' (obviously)

It'd be nice to somehow duplicate the mouse (without extra clicking abilities 
and of a duplicate icon state) to still grab the coordinates (and gmaps 
attractions info) as the cursor is moved.  Could that be done?  Is there a 
better way to do it?

A possible solution?  Perhaps we could use the FT API to generate a layer for 
each polygon (php -> js)?  A mouseover event would be tied to the layer rather 
than the polygon.  It sounds horribly inefficient (and seems to defeat the 
purpose), yet I wonder if it just might work.

Original comment by matteroflight@gmail.com on 27 Nov 2011 at 8:23

GoogleCodeExporter commented 9 years ago
My Six month bump on this topic. 

Original comment by lfair...@amep.com on 28 Nov 2011 at 2:17

GoogleCodeExporter commented 9 years ago
A workable solution:
http://gmaps-utility-gis.googlecode.com/svn/trunk/fusiontips/examples/fusiontips
.html

mouse cursor tracking and timer trigger. Use visualization API or jsonCallback.

Original comment by nian...@gmail.com on 2 Dec 2011 at 4:46

GoogleCodeExporter commented 9 years ago
how is it done here?
http://maps.google.com/maps?um=1&ie=UTF-8&q=hotels+nyc&fb=1&hq=hotels&hnear=0x89
c24fa5d33f083b:0xc80b8f06e177fe62,New+York,+NY&ei=voVLTpSBBMPFgAfKgYVz&sa=X&oi=l
ocal_group&ct=image&ved=0CAQQtgM
this is exactly what we need!

Original comment by gerritpa...@gmail.com on 10 Mar 2012 at 12:13

GoogleCodeExporter commented 9 years ago
The example link is using client-side rendering of the map, in other words, all 
the data is sent to the browser, and then it creates the map and can do the 
hover. 

Fusion Tables defaults to server-side map rendering, meaning it creates the 
tiles with the data embedded in them, and sends those tiles to the browser.  

If you retrieve the data yourself and render it with the Maps API (not 
FusionTablesLayer), you too can do hover effects. 

-Rebecca

Original comment by rshap...@google.com on 13 Mar 2012 at 11:59

GoogleCodeExporter commented 9 years ago
Rebecca,
 I think you missed what comment 24 really means. The link from Google maps has both server side render (all hotels other than the first set of results) and client side render (first set of results as markers). 
Just look at this url, which is one of the server rendered tiles: 
http://mt2.google.com/mapslt?lyrs=lmq:1000:hotels|cc:US|h:2a|hpci:2012-03-25|hpn
n:1|s:115968771510351694523,m%40174010791&x=2414&y=3076&z=13&w=256&h=256&gl=us&h
l=en&style=18,28

It is not exactly fusion table as we see in the API, but it should be something 
similar. What make it special is that the features can also be mouse over for 
map tip at same time. 

Original comment by nian...@gmail.com on 14 Mar 2012 at 1:41

GoogleCodeExporter commented 9 years ago
Help Please.  The answer in #23 may work for us, but I need it understand it in 
non html language please.  How do I code it to work for my maps.  I just want 
the agency name to come up on mouse over.  I am rendering the maps from the 
fusion visulaizer.  Any help here will be greatly appreciated!

Original comment by ca...@trpa.net on 14 Mar 2012 at 2:10

GoogleCodeExporter commented 9 years ago
Are thes guys the only onces that can create superfast overlays with tooltips?
http://www.giscloud.com/sandbox/jsapi/html5/?mid=11695
where is google?
I id a lot of research, but this is by far the best performing solution i've 
seen.
Can someone point me in the right direction to create something similar like 
this.
how is it done here?

Original comment by gerritpa...@gmail.com on 19 Mar 2012 at 8:57

GoogleCodeExporter commented 9 years ago
Those are so called "vector tiles", the graphics are generated on client side, 
which is not the case for fusion table. The client side tech in google's realm 
is MapsGL.  

Original comment by nian...@gmail.com on 19 Mar 2012 at 11:31

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
hey folks - 
WIth the new Javascript API now public, rollover effects can be created on the 
map. 
Here's an example from our sample code: 
http://gmaps-samples.googlecode.com/svn/trunk/fusiontables/mouseover-jsonp.html

The API can now return data in JSON so it’s easy to get data and manipulate 
it with javascript, right from the browser. You can now also RESTfully modify 
tables, templates and map styles. 

Read more in the docs: 
http://developers.google.com/fusiontables

-Rebecca

Original comment by rshap...@google.com on 12 Jul 2012 at 5:23

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
Please remove me from this thread.. thanks!

Original comment by nipunk...@gmail.com on 22 Jul 2012 at 11:20

GoogleCodeExporter commented 9 years ago
Hi Rebecca - Thank you for all your help with this.  I should have specified 
that I do not have coding skills/experience, so I am looking for something like 
the layer wizard that will generate the code for me, so I can embed it.  I can 
handle the embedding, but know nothing about writing or changing the code.  We 
collect the data with a grant, but I am doing all the mapping on my own, so 
there are no funds to pay someone to write the code for me.  Any help will be 
appreciated.  We just want to make this as user friendly for the general public 
as possible.  We have also embedded this map in a mobile friendly site,  Thanks 
again! - Candi

Original comment by ca...@trpa.net on 29 Jul 2012 at 2:12

GoogleCodeExporter commented 9 years ago
Hi Folks - 

To remove yourself from this thread, please "unstar" the issue.

Please post technical questions that involve any coding on Stack Overflow.  
That site has the best expertise to help you get unstuck.  

Thanks, and apologies for the process email. 

-Rebecca

Original comment by rshap...@google.com on 31 Jul 2012 at 12:55

GoogleCodeExporter commented 9 years ago
I've been following along with the examples given here, and had a rough example 
working for me.

Then it didn't work, then it worked again - all with me not touching the script 
or rebooting the computer. I feel nothing changes in the background on the 
computer,, but maybe it does. But what?

I'm running Windows 8, and working files from my desktop (with js enabled) and 
am quite ouzzled as to the on again/off again functioning of this.

Paul

Original comment by p.bl...@internode.on.net on 29 May 2013 at 6:02

GoogleCodeExporter commented 9 years ago
After many days of trying for a stable result, I'm forced to the conclusion 
that mouseover with Fusion table data is not a reliable outcome.

If anyone disagrees, contact me off list and I'll provide a sample that brings 
me to that conclusion.

Paul

Original comment by p.bl...@internode.on.net on 31 May 2013 at 10:23

GoogleCodeExporter commented 9 years ago
An update (and some success, thanks to Derek Eder)

Fusiontips.js has been modified (see http://github.com/derekeder/fusiontips). 
And my problem was caused by a 403 Forbidden error, which was fixed by setting 
the table to 'allow download' (File => About this table => Edit table 
information). 

Thanks to Derek, and I hope reporting back here saves someone else some grief!

Paul

Original comment by p.bl...@internode.on.net on 20 Jun 2013 at 8:43

GoogleCodeExporter commented 9 years ago
The original fusiontips.js was using undocumented method to do jsonp query, 
since then fusion table's hosting has been changed a number of time, it 
probably just need to use the new release jsonp API to run queries. What 
specific change did you make?

Original comment by nian...@gmail.com on 21 Jun 2013 at 10:46

GoogleCodeExporter commented 9 years ago
Agreed. Changes were much as I indicated - got the revised fusiontips.js, 
allowed downloads as shown. I also got a GM API key and added it, but I'm not 
sure that was essential.

www.auscem.com, click the button below the table to see the result.

Paul

Original comment by p.bl...@internode.on.net on 22 Jun 2013 at 10:55

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
Makedonya'da Türkçe Eğitim
 Makedonyada Türkçe Eğitim sunan iki özel üniversite var birincisi Uluslararası Struga Üniversitesi Makedonya'nın adında aldığı gibi struga şehrinde kurulmuş kaliteli uluslararası geçerli YÖK tarafından tanınan Uluslararası Struga Üniversitesi Türk öğrencilere özel fiatlar ve fırsatlar sunuyor.yıllık eğitim ücreti 2400£ 12 taksit fırsatı sunuyor. üstelik barınma ücreti içinde ikinci özel üniversitemiz Makedonya Üsküp Mit Üniversitsi makedonya'nın baş kenti üsküp te kurulmuş özel üniversiteler arasında fakülteleri pskoloji mimarlık bilgisayar mühendisliği gibi güzel bölümleri olan YÖK tarafından tanınnan uluslararası geçerli Makedonya Mit Üniversitesi yıllık eğitim ücreti 3000£ iki taksit yapıyor. ve türk öğrencilere türkçe eğitim fırsatı sunuyor.Makedonyada'ki Özel Üniversiteler Makedonca ve İngilizce Eğitim Vermektedir.Bu Üniversitelerden Fon Üniversitesi Makedonya'nın Baş Kenti Üsküpte 2003 yılında kurulmuştur.diğer Üniversite Amerikan College Üniversitesi Makedonya'nın Üsküp Şehrinde 2005 yılında kurulmuş İngilizce ve Makedoca Eğitim vermektedir.bir diğer Üniversite Makedonya Avrupa Üniversitesi 2001 yılında kurulmuş Makedonca İngilizce ve Türkçe Eğitim imkanı sunmakta.bir diğeri Makedonya'nın Tetova Şehrinde 2001 Yılında Avusturya Devletinin Kurduğu SEEU Güneydoğu Avrupa Üniversitesi İngilizce Makedonca Eğitim Sunmaktadır.
http://www.rumeliegitim.com/index.php

Original comment by hasanrum...@gmail.com on 28 Nov 2013 at 7:03

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
Makedonya'da Üniversite Eğitim
Yurtdışında Eğitim almak isteyen öğrencilerimiz için,artık yeni bir 
ülke var Makedonya Doğu Avrupa,da Balkanların şirin ülkesi Makedonya 
Cumhuriyeti Makedonya'da Sosyal Yaşam  Gece Hayatı,gerçek ekonomik 
yapısı,kültürü ve eğitim sistemiyle siz değerli öğrencilerimiz için 
her yönüyle ideal ülke.Makedonyada eğitim alabilmeniz için lise mezunu 
olmanız yeterli demiştik zaten.Bunun için herhangi bir sınav veya puan 
farkı yok.Önce hazırlık eğitimi alırsınız. Makedonyada hazırlık 
eğitimin'den sonra, üniversitede dilediğiniz bölümü okuyabilirsiniz. 
Makedonyada Üniversite Ücretleri AB ülkelerine ve ülkemize göre çok 
uygun.Mezun olduğunuzda, ülkemizde istediğiniz özel veya kamu kurumunda iş 
bulabilirsiniz.Eğitiminiz boyunca askerliğinizi tecil edebilir,kısa dönem 
askerlikten faydalanabilirsiniz  bakınız  Askerlik Tecil .Makedonyada okumak, 
ülkemizde okumaktan daha ucuzdur. Ülkemize 1 saatlik uçuş mesafesiyle aile 
özlemi çekmezsiniz isterseniz her hafta sonu,isterseniz ayda bir gelip 
gidebilirsiniz, veya aileniz dilediği zaman sizi ziyaret edebilir.Dost ve 
kardeş ülke Makedonya üniversitesi sizi bekliyor  Tek yapmanız 
gereken,Makedonya Eğitim Danışmanlığı olarak bizimle irtibata 
geçmek.Makedonya Rumeli Eğitim Merkezi' mizde danışman arkadaşlarımız 
sizi bekliyor.Makedonyada eğitim, Makedonya Üniversiteleri Makedonyada yaşam 
Yurtdışı'da eğitim Askerlik tecil Makedonyada konaklama Makedonyada 
barınma Makedonya Devlet Üniversiteleri konularında uzman kadromuzla siz 
değerli öğrencilerimize ve velilerimize hizmet etmek bizi mutlu 
ediyor.Makedonya'da Üniversite Eğitimi alabilmeniz ve sorunsuz bir şekilde 
Makedonyada Üniversite eğitimi,nizi  tamamlayabilmeniz için, bütün 
işlemleri sizinle birlikte yapıyor tecrübemizle ve bilgi birikimimizle size 
rehberlik ediyoruz. Bizler Rumeli Eğitim Makedonya'da Eğitim 
Danışmanlığı olarak, Makedonyadaki  Üniversiteler  arasından sadece, 
Avrupa Eğitim Müfredatına uygun eğitim veren  ve ülkemiz Yüksek Öğretim 
Kurumu, yani YÖK  Denkliği olan, Makedonya Üniversiteleri  Türkiye 
Temsilciliği yapmaktayız.
http://www.rumeliegitim.com/index.php

Original comment by hasanrum...@gmail.com on 28 Nov 2013 at 7:07

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
The version of fusiontips in the gmaps-utility-gis SVN archive has been updated 
as well.

https://code.google.com/p/gmaps-utility-gis/source/browse/trunk/fusiontips/src/f
usiontips.js

Original comment by geocodezip on 5 Dec 2013 at 8:15