facebook

Creating a Google Map Page

💡
Our Forums Have Moved

For help with installation, bugs reports or feature requests, please head over to our new forums.
Genuitec Community on GitHub

  1. MobiOne Archive
  2.  > 
  3. Getting Help – General
Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #318668 Reply

    redlegrich
    Member

    I have seen a few posts on adding a Google Maps page and don’t see an answer to what I want to do.

    What I want to do is:

    -Have a Map Button for a user to select that transitions to a new page with that map location on it.
    -So, button on Page A with Map selection A. Upon selecting button Page A they are sent to Page B where the map is displayed and navigation is available to return to any selected pages.

    So far what I have, and it works OK is:

    -A button on Page A with a link to Page B.
    -A button on Page B to press that displays the map link (the URL from the G Map location). This works quite nicely.
    -But……….. I need a navigation button to get the user back to Page A (or any other pages I want).
    -I added a button at the bottom of the screen, and tried a Nav Bar as well but neither show up when the map is displayed. The map takes up the entire display screen.

    I’d prefer to be able to do it the way on top, but if the second method can be made to work then that’s OK.

    Now, I’m just a marketing guy so please take pity and use only very small words. Sort of digital crayon 😉

    Thanks!

    #318680

    support-michael
    Keymaster

    @redlegrich

    Your UI design seems very doable. We will soon be adding a google map UI component that you can drop onto a design. But in the meantime take a look at this example that includes a google map:
    http://www.genuitec.com/support-mobione/viewtopic.php?f=14&t=1713

    Also this evening I’ll try to provide an example app that you can use as a template for you app. The main thing will be writing a bit of javascript. I’ll annotate an example for you to follow.

    #318685

    redlegrich
    Member

    Wayne,

    Thanks for the fast response. I saw that post and a) it made my head hurt! and b) I need it to have the client’s location shown with a pin. Just having the zip code is unfortunately not enough detail. A map component would be very useful along with the ability to place an RSS feed on a page as well.

    Rich

    #318687

    support-michael
    Keymaster

    @redlegrich
    I made progress on the demo today but am travelling. I hope to have it completed by next Monday.

    #318758

    redlegrich
    Member

    Thanks Wayne. I think if there was some way to create a template page where you could enter a URL, RSS feed or whatever along with Nav bars it would really be killer.

    What I want to be able to do it is create an app for a business that shows hours, a little about the biz, hours, and the location. I think this is the basic kit most business would like to have for a mobile site.

    Appreciate the help.

    Rich

    #318925

    redlegrich
    Member

    Wayne, is anything happening with this? I am at the end of the trial period and would like to purchase this. However, without the map thing I can use another solution that while not as flexible and powerful at least has the map thing which I think is fairly important for a business app (at least for what I am doing). I can copy a jpeg of the business location but that doesn’t really provide much interactive opportunities.

    A general idea of what happen here would be great. I know you have your own roadmap and if this doesn’t fit the plan then OK. But, I do like everything but this issue!

    #318926

    support-michael
    Keymaster

    @redlegrich
    Sorry got tied up trying to create a simple example. While very doable it turns out to be a bit more coding than I had hoped to impose on you (i.e., not drop-dead simple). I have been working with the dev team as they are currently creating automation for a google map component. The timeframe for that release is about 1 month. I agree the static map image lacks the cool factor that users intrinsically expect now on today’s smartphones.

    #319455

    WiZaxx
    Participant

    Any development on this?

    I have the same need so I’m waiting for a solution.
    Thank you

    #319724

    WiZaxx
    Participant

    Wayne,
    I’m getting late in delivering my project due to the lack of an interactive google map.

    You were mentioning a month development time about a month ago… Is there a light shining through the dark :)?
    Possibly a beta version to keep my boss’ blood pressure within survival limits?

    Thank you

    #319752

    support-michael
    Keymaster

    @WiZaxx

    Unfortunately the google map widget has been pushed out to a later release. We had really wanted to make it available but in its place we are finally able to begin improving the events and actions configuration. It has been near the top of our todo list since 1.0 release. We are hoping to introduce a google map widget just after the release planned for this week.

    #319808

    WiZaxx
    Participant

    I started with a simple page with only the toolbar with one back button. the resulting HTML looked like this:
    See attachment OriginalCODE.jpg

    To add the googlemap I studied a little the newly released API (ver 3) from google and figure it out that with some very simple steps I could add a fully functiona map to my app.
    The steps are just 3, but I wanted to remove the prompt (step 3) because I had some coincidental problems and I didn’t want to troubleshoot it.
    Anyhow here are my steps:
    See attachment OriginalCODE2.jpg

    (1)
    Insert the code from the file attached in the next post. (Unzip and save it as .txt…. copy the text ….. and paste)

    (2)
    Change <body> into:

    <body onload="initialize()">

    (3)
    I removed just because …

    (4)
    Insert the code to display the map (pay attention WHERE you place this):

    <div id="map_canvas"></div>

    And you will get this:
    See attachment GoogleMap.jpg

    Attachments:
    You must be logged in to view attached files.
    #319809

    WiZaxx
    Participant

    I deleted this ’cause was making a mess…

    Attachments:
    You must be logged in to view attached files.
    #320533

    azmayl
    Member

    This message has not been recovered.

    #320682

    WiZaxx
    Participant

    This message has not been recovered.

    Attachments:
    You must be logged in to view attached files.
    #322746

    Jims
    Member

    This message has not been recovered.

Viewing 15 posts - 1 through 15 (of 17 total)
Reply To: Creating a Google Map Page

You must be logged in to post in the forum log in