Need help? Check out our Support site, then


Tripline

  1. 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.

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

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

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

  5. 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

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

  7. 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.

  8. 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 ]

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

  10. 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?

  11. 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.

  12. 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. ;-)

  13. 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

  14. @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.

  15. @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.

  16. it works. thanks!!

Topic Closed

This topic has been closed to new replies.

About this Topic