带有地图和结果的移动网络应用程序
我正在开发一个移动网络应用程序，该应用程序需要包含搜索框的一些基本元素、一小部分结果列表以及它们在谷歌地图上的相应位置。我有“完整的网络”应用程序可以毫无问题地执行此操作，但移动版本的问题是屏幕上的布局。如果我尝试制作一张小地图，并将结果放在侧面，那么当手机垂直握持时，它确实很局促，但侧向使用时却可以正常工作。
由于这应该是一种非常常见的移动类型的网络应用程序，因此我正在寻找某种最佳实践......要么是我可以从中获得想法的现有网络应用程序，要么是某种示例/演示项目。我看到了很多“如何在移动网络应用程序中使用地图”演示，但它们从来都不是我想要做的。
我正在使用 MVC3/asp.net，但这对此并不重要。
I'm working on a mobile web application that needs to include some basic elements for a search box, a small list of results, and their corresponding locations on a google map. I have "full web" apps that do this without issue, but the hangup Im having with the mobile version is the layout on the screen. If I try to do a small map with the results on the side, it is really cramped when the phone is held vertically, but works ok turned sideways.
Since this should be a pretty common mobile type of web app, I'm looking for some best practices of some kind... either an existing web app that I could get ideas from, or sample/demo project of some kind. I see a lot of "how to use maps in a mobile web app" demos out there, but they are never quite what I'm looking to do.
I'm using MVC3/asp.net, but that shouldnt matter much for this.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
响应式设计。阅读这篇文章：http://www.alistapart.com/articles/responsive-web- design/
这应该让您具备采用当前解决方案并添加媒体查询的知识和兴奋，以便您也可以使用相同的代码库来设计移动应用程序的样式。如果没有看到您的一些代码，就不可能提出更具体的示例。
希望这有帮助！
Responsive design. Read this article: http://www.alistapart.com/articles/responsive-web-design/
That should equip you with the knowledge and excitement to take your current solution and add media queries so that you can use the same code-base to style for mobile apps as well. Without seeing some of your code it would be impossible to suggest a more specific example.
Hope this helps!