Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to create a user interface like Google maps (a draggable map)?

I have to draw a graph with many nodes, and I thought that an user interface like what Google maps offers could be nice to navigate the graph. I'm currently using Java for my application (a web application): what technologies/libraries should I use to build an interface like google maps? What approach?

edit: I'm interested mainly in creating a draggable map with zooming capabilities
edit2: I'm not looking for the exact solution of the problem, but for some starting point

like image 786
cdarwin Avatar asked Nov 18 '10 10:11

cdarwin


People also ask

What are the user interface controls available in Google Maps?

Default Controls This slider will be located at the corner of left hand side of the map. Pan − Just above the zoom slider, there will be a pan control for panning the map. Map Type − You can locate this control at the top right corner of the map. It provides map type options such as Satellite, Roadmap, and Terrain.

Is Google Maps a GUI?

The Google Maps API provides a tool for easily visualizing map data. By using this tool, a graphical user interface (GUI) can be constructed that displays different types of data on a Google Map object.


3 Answers

If you have a massive data to display, one approach is to create an interactive interface that let the user to navigate in your data. Higher the zoom, greater the details.

An example of google maps like interface for other purpose is zoompy

like image 163
peter dibs Avatar answered Nov 02 '22 03:11

peter dibs


Are you familiar with OpenLayers? It is JavaScript map visualization library. Combined with something like OpenStreetMap, you can get some very powerful visualization with data for free.

like image 29
Thomas the Tank Engine Avatar answered Nov 02 '22 01:11

Thomas the Tank Engine


Take a look at the tools in Eclipse's Graphical Modeling Project.

like image 1
Stephen C Avatar answered Nov 02 '22 01:11

Stephen C