interactive Map

Hello,

I need a interactive country map, in which a mouse over Event highlighting the countries. Also a add Click Events to countries and add marks must be possible.

How can i realize that, without use the google Maps Add-on?

Hi,

have you looked at the
OpenLayers 3
Add-on?

-Olli

is there any other solution? like https://rawgit.com/neveldo/jQuery-Mapael/2.0.0/examples/advanced/dataviz_example.html

Is it possible to use any Javascript Framework in combination with Vaadin?

Hi,

There’s also the
V-Leaflet
add-on at least. Integrating JavaScript libraries is completely doable, but you’ll of course save a lot of implementation effort if you use an existing add-on.

-Olli

How to integrate java script libraries in Vaadin? All .js Files in /WebContent and import this with @JavaScript annotation?

Is there any possibility for a simple solution like
http://www.ifeiertage.de/

Some links to get you started:

Vaadin Wiki: Integrating a JavaScript Component
https://vaadin.com/wiki/-/wiki/Main/Integrating+a+JavaScript+component

Book of Vaadin: JavaScript interaction
https://vaadin.com/docs/-/part/framework/advanced/advanced-javascript.html

Book of Vaadin: Client-Side Development
https://vaadin.com/docs/-/part/framework/clientside/clientside-overview.html

Personally, I find it’s really informative just go through some existing add-on in the
Directory
. You can get started quickly by poking around in the sources and testing changes to something existing. For example, Johannes T’s
Sticky
addon is a fairly simple one that integrates an existing javascript library.

Good luck!