?
Solved

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

Posted on 2007-03-27
8
Medium Priority
?
492 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
8 Comments
 
LVL 17

Expert Comment

by:Daniel Reynolds
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:
Daniel Reynolds earned 2000 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:Daniel Reynolds
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:Daniel Reynolds
ID: 19250525
I am still interested in the disposition of this question. Dan
0

Featured Post

WordPress Tutorial 4: Recommended Plugins

Now that you have WordPress installed, understand the interface, and know how to install new parts, let’s take a look at our recommended plugins.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
These days, all we hear about hacktivists took down so and so websites and retrieved thousands of user’s data. One of the techniques to get unauthorized access to database is by performing SQL injection. This article is quite lengthy which gives bas…
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.
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.
Suggested Courses

777 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