Solved

Ideas on laying a Google-like map in ASP.NET

Posted on 2007-03-27
8
481 Views
Last Modified: 2010-04-16
Hello all,

this is a very big question, I know :).
My primary concern for now is just the layout design of Google, I am not digging into the whole software architecture thing behind Google map yet.

My question is: if you have to build an application similar to Google Map in ASP.NET, how would you decide on the layout of the GUI?

What I am thinking is:

We can use a frameset with 3 frames, top frame for the From and To, left frame for displaying the route in text, and the remaining frame is to display the map

But, I am not so sure how easy to pass around parameters among frames in .NET yet, so I don't know if using frameset is a good idea? For example, when user clicks on a selected path in the left frame, the map on the right frame highlight that path. Would that be easy to do with frames or something else?

Please suggest your GUI layout for Google Map. What do you think of using frameset like above? What else do you think that could be easier to use in ASP.NET (using <div>?????? I dont know just guessing).

I will try to divide the points fairly to the most detailed, appropriate answers. Please be acknowledged that this question is more like an open ending question, and the purpose is mostly for my general design knowledge, not for a specific problem; so assigning is very subjective.

Hope someone finds this question interesting.
0
Comment
Question by:dttai
  • 4
8 Comments
 
LVL 17

Expert Comment

by:xDJR1875
ID: 18805795
I have had good success using <div>'s and positioning them appropriately.

Using <divs> with absolute positioning gets rid of your problem of passing variables around to different pages. You would want to design for a specific page size to set up the div sizes just right. Or if you are good, you could determine the display size and have several optimum div sizes.


0
 

Author Comment

by:dttai
ID: 18805898
thanks xDJR
A friend of mine suggest using popup windows lol. I think it is a bad idea.
First, there are still the problem with passing parameters aroudn from page to page.
Second, it is not as friendly as the Google design

Woud that be possible for you to share with me your project which uses <div>. Or do you have any favorite reference on the Web while working on that project. I would like to see the thing in action, you know what I mean :)

thanks again
0
 
LVL 17

Accepted Solution

by:
xDJR1875 earned 500 total points
ID: 18811085
Define the style of the grid in the <head> section....
      <style type="text/css">
      
      #divGrid { BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; BACKGROUND: #e0e0e0; PADDING-BOTTOM: 0px; OVERFLOW: auto; BORDER-LEFT: black 1px solid; WIDTH: 100%; BOTTOM: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; HEIGHT: 350px; layer-background-color: #E0E0E0 }
      #divGrid P { MARGIN: 0px; COLOR: #ffffff }
      #divGrid A:hover { WIDTH: 100%; HEIGHT: 100%;text-decoration: none; }
      #divGrid A { WIDTH: 100%; HEIGHT: 100%;text-decoration: none; }
      </style>


---in the body of your page define the grid you are putting content in.
---note, you can have several grids absolutely positioned, just play with the style above
---for positioning and size.
---The overflow:auto provides a scrolling window if content exceeds the width specified for the div

                <div id="divGrid" >
                    <!-- content goes here -->
                </div>
0
 
LVL 17

Expert Comment

by:xDJR1875
ID: 18811090
Again, there are many ways to skin a cat, but this might be one you can make some use of.
0
 
LVL 17

Expert Comment

by:xDJR1875
ID: 19250525
I am still interested in the disposition of this question. Dan
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Exception in Log4Net 1 20
DataGridview Currency Formating? 22 39
Chat Room 1 30
bulid json format 3 21
New Relic: Our company recently started researching several products to figure out what were the best ways for us to increase our web page speed and to quickly identify performance problems that we may be having. One of the products we evaluated wa…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Wufoo.com provides powerful tools for surveying targeted groups, and utilizing data from completed surveys to find trends, discover areas of demand or customer expectation, and make business decisions on products or services.
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now