Tripline

  • Author
    Posts
  • #1172848

    melkroe
    Member

    Is it possible to embed a map from Tripline on my blog? If so, how does it work? Do I just copy the html code into the text box and update the post?
    Many thanks
    Melanie

    The blog I need help with is cheesetomeetyou.wordpress.com.

    #1173006

    timethief
    Member

    I’m sorry but the only maps we can embed are Google maps.
    http://en.support.wordpress.com/google-maps/

    #1173088

    melkroe
    Member

    Ah ok, thank you.
    But I was able to embed a map of stepmap.com and that worked pretty well. Is Tripline different?

    #1173089

    timethief
    Member

    I’m sorry but I don’t have an answer to that. Unless we can examine the code we cannot answer you.

    #1173095

    melkroe
    Member

    this is the code from stepmap.com which works well:

    <div style=”height:640px;”>
    <div style=”position:absolute;”>

    <img alt=”UK” src=”http://www.stepmap.de/getmapimg.php?id=1255334&w=640&m=2&embed=4a012105ee2e25f63ab7b37277c604900c981a27″ usemap=”#stepmapexportimg1255334_640″ width=”640″ border=”0″ />
    Frankreich Landkarten auf stepmap.de
    <map name=”stepmapexportimg1255334_640″> <area title=”StepMap” alt=”StepMap” coords=”515,603,631,631″ shape=”rect” href=”http://www.stepmap.de” target=”_blank” /> <area title=”UK” alt=”UK” coords=”0,0,640,640″ shape=”rect” href=”http://www.stepmap.de/karte/uk-1255334″ target=”_blank” /></map>

    this is the code from tripline.com which does not work:

    <object width=”512″ height=”288″><param name=”movie” value=”http://www.tripline.net/api/tripviewer.swf” /><param name=”AllowScriptAccess” VALUE=”always” /><param name=”bgcolor” value=”#111111″ /><param name=”allowFullScreen” value=”true” /><param name=”flashVars” value=”tripId=2166172706541006B883FF3FDCB141CE&tripDataUrl=http://www.tripline.net/api/v1/kml/2166172706541006B883FF3FDCB141CE?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0″ /><embed src=”http://www.tripline.net/api/tripviewer.swf” type=”application/x-shockwave-flash” width=”512″ height=”288″ allowFullScreen=”true” AllowScriptAccess=”always” bgcolor=”#111111″ flashVars=”tripId=2166172706541006B883FF3FDCB141CE&tripDataUrl=http://www.tripline.net/api/v1/kml/2166172706541006B883FF3FDCB141CE?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0″></embed></object>

    I appreciate any help.
    thanks

    #1173096

    raincoaster
    Member

    It’s Flash, so possibly you’d be able to convert it to a Gigya Shortcode as described at http://wpbtips.wordpress.com

    #1173107

    Hello,

    I am working on the same issue. I found the following on the Tripline Website. They say, that embedding the tripline map in a wordpress.com Blog doesn’t work and you have to use the thumbnail version instead, which is very inconvenient.

    I tried to convert the embed code according to http://wpbtips.wordpress.com. The code looks like as follows:

    [gigya src="http://www.tripline.net/api/tripviewer.swf" width="512" height="288" allowFullScreen="true" AllowScriptAccess="always" bgcolor="#111111" tripId="0447255406521006A47DE31F84F378A0" tripDataUrl="http://www.tripline.net/api/v1/kml/0447255406521006A47DE31F84F378A0 version=".2" mapsApiKey="ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg" onSite="0"]

    The original code provided by tripline looks as follows:

    <object width=”512″ height=”288″>
    <param name=”movie” value=”http://www.tripline.net/api/tripviewer.swf” />
    <param name=”AllowScriptAccess” VALUE=”always” />
    <param name=”bgcolor” value=”#111111″ />
    <param name=”allowFullScreen” value=”true” />
    <param name=”flashVars” value=”tripId=0447255406521006A47DE31F84F378A0&tripDataUrl=http://www.tripline.net/api/v1/kml/0447255406521006A47DE31F84F378A0?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0″ />
    <embed src=”http://www.tripline.net/api/tripviewer.swf” type=”application/x-shockwave-flash” width=”512″ height=”288″ allowFullScreen=”true” AllowScriptAccess=”always” bgcolor=”#111111″ flashVars=”tripId=0447255406521006A47DE31F84F378A0&tripDataUrl=http://www.tripline.net/api/v1/kml/0447255406521006A47DE31F84F378A0?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0″>
    </embed>
    </object>

    However, this loads the flash object but this one itself complains about “Missing configuration parameters”. So something might have gone wrong during the conversion process to the “gigya” markup.

    #1173108

    justpi
    Member

    That’s because you omitted the flashvars attribute and added an attribute of your own invention for the initial part of the variables. To convert the code just take this part:
    <embed src="ETC ETC ETC &onSite=0">
    and turn it to this:
    [gigya src="ETC ETC ETC &onSite=0 ]

    #1173109

    justpi
    Member

    Sorry, I omitted the closing quotation mark:
    [gigya src="ETC ETC ETC &onSite=0" ]

    #1173110

    Dear justpi,

    thanks for your reply. I converted the statement to:

    [gigya src="http://www.tripline.net/api/tripviewer.swf tripId=0447255406521006A47DE31F84F378A0&tripDataUrl=http://www.tripline.net/api/v1/kml/0447255406521006A47DE31F84F378A0?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0" width="512" height="288" allowFullScreen="true" AllowScriptAccess="always" bgcolor="#111111"]

    The tripline error message about missing parameters is gone now but unfortunately the embedded flash window stays black and doesn’t show anything.

    Is the conversion above correct? Any further ideas regarding this issue?

    #1173111

    justpi
    Member

    No it’s not correct: it has more mistakes than your first atempt. I don’t see why you’re trying to change and rearrange things when you’re not familiar with this kind of thing. You just copy the part I showed and change its beginning and its end the way I showed – no other changes. You just copy this:
    <embed src="http://www.tripline.net/api/tripviewer.swf" type="application/x-shockwave-flash" width="512" height="288" allowFullScreen="true" AllowScriptAccess="always" bgcolor="#111111" flashVars="tripId=0447255406521006A47DE31F84F378A0&tripDataUrl=http://www.tripline.net/api/v1/kml/0447255406521006A47DE31F84F378A0?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0">
    then turn the initial
    <embed
    to
    [gigya
    and the final
    >
    to
    ]
    That’s all it takes. No other changes.

    #1173112

    Well you’re right! I am pretty much surprised that this is already the solution. Don’t worry. I am pretty very well aware of these things. ;-) I just followed the instructions on http://wpbtips.wordpress.com. However, the information given there don’t seem to be correct anymore. Just have a look at the examples given there.

    Anyway. It work’s now and I am pretty happy.

    @melkroe: Seems like our problems have been solved. ;-)

    #1173113

    melkroe
    Member

    can you please let me know what to change for my code

    <object width=”512″ height=”288″><param name=”movie” value=”http://www.tripline.net/api/tripviewer.swf” /><param name=”AllowScriptAccess” VALUE=”always” /><param name=”bgcolor” value=”#111111″ /><param name=”allowFullScreen” value=”true” /><param name=”flashVars” value=”tripId=2166172706541006B883FF3FDCB141CE&tripDataUrl=http://www.tripline.net/api/v1/kml/2166172706541006B883FF3FDCB141CE?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0″ /><embed src=”http://www.tripline.net/api/tripviewer.swf” type=”application/x-shockwave-flash” width=”512″ height=”288″ allowFullScreen=”true” AllowScriptAccess=”always” bgcolor=”#111111″ flashVars=”tripId=2166172706541006B883FF3FDCB141CE&tripDataUrl=http://www.tripline.net/api/v1/kml/2166172706541006B883FF3FDCB141CE?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0″></embed></object>

    thanks very much

    #1173114

    justpi
    Member

    @anjaundmarkus:
    You’re welcome.
    As for “the instructions on http://wpbtips.wordpress.com“, I happen to be the one who invented this workaround, wpbtips is my own blog, and the instructions given there are correct.

    @melkroe:
    I gave precise instructions above, twice.

    #1173115

    @melkroe:

    [gigya src="http://www.tripline.net/api/tripviewer.swf" type="application/x-shockwave-flash" width="512" height="288" allowFullScreen="true" AllowScriptAccess="always" bgcolor="#111111" flashVars="tripId=2166172706541006B883FF3FDCB141CE&tripDataUrl=http://www.tripline.net/api/v1/kml/2166172706541006B883FF3FDCB141CE?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0"]

    Hope this works for you. At least for me it did the trick.

    @justpi:

    Now I see the problem. As you can see from melkro’s posting above, Tripline embeds the whole flash part into it’s own object, which is actually not needed. In the surrounding “<object>” code they are using the definition “<param name=”flashVars” …”. Within the actual “<embed>” code section they are using “flashVars=…”. I mixed that up a little bit.

    #1173116

    melkroe
    Member

    it works. thanks!!

The topic ‘Tripline’ is closed to new replies.