Give help. Get help.

  • # February 13, 2013 at 2:26 pm

    Howdy folks,

    I’m working on a way to convert a text address to Google Maps link, I [found this solution on stackoverflow]( “”), the only problem is, the output removes the line breaks and spans I have in place. I don’t know javascript well enough to figure out how to edit this to even possibly just insert the anchor tag, without removing the html tags I already have in place.

    Here’s the [pen]( “”).

    Any help is greatly appreciated.

    # February 13, 2013 at 2:38 pm

    Obviously it works but it looks like it’s converting the whitespace to the ‘+’ character.

    Are the breaks and spans important to the result in GMaps?

    # February 13, 2013 at 2:48 pm

    Ohhh…you mean that you want the address in the browser as it’s coded and not shoved into a string.

    That being the case, I think the best thing to do is to have a set of spans (address lines if you will), let the JS grab the text inside each one and the concatenate all of that….then only submit it to GMaps on a click.

    I confess I’m at an early stage with JQuery but that would seem to be the logical way to do it.

    Anyone else?

    # February 13, 2013 at 3:59 pm

    I think you’ll need to translate any breaks or gaps into + symbols to create this.

    I recently did a “Get Directions” input on a customer site and it literally posts the plain text address via GET to so you may be able to do something similar.

    I’ll fire up a codepen and see what I can make.

    # February 13, 2013 at 4:20 pm

    I am REALLY new to JS/JQ but…..

    # February 13, 2013 at 4:39 pm

    Got it –

    Edit: I just realised I completely missed the point of what you’re trying to accomplish! Didn’t spot your original codepen, will have a look at that as well, but the text input turned into a link is pretty cool also!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.