Sharing your GPS positions map on your blog ^Beta

December 2014

Sometimes you may want people not currently in your sQuiddio follow list to be able to view your current position on a map.

If you manage a blog or web site there's a pretty easy way of doing that: include an HTML iframe in one of your pages that renders the same Google map you see in your sQuiddio Dashboard, updated to the most recent position.

Here's a step by step process on how to do that:

Log in to sQuiddio. Sign up if you don't already have an account
Go to Preferences (in the right-hand side of the blue top bar)
Select Make my position map available publicly. IMPORTANT: The iframe is not authenticated. Selecting this option will make your map available to any one who invokes the iframe. Make sure you really want your position to be known to the outside world (and not only to members of your sQuiddio follow list)
☞ Not enabling public iframe support will cause the message no public map for user to appear when you invoke the iframe
Include the following iframe tag in your web page where you want the map displayed:

<iframe src="https://squidd.io/users/YOUR USER ID/embedded_map?size=SIZE&records=NUM_RECORDS" height="300px" width="900px" > </iframe>

where:

YOUR USER ID: the number shown in your Dashboard's url. For example, the user id in the url https://squidd.io/users/11212 is 11212
☞ Requesting a non existing user id will cause the message no user to appear when you invoke the iframe
SIZE: L for large (w: 910px h: 600px) and S for small (280 x 280 px), case sensitive. If you omit this parameter the iframe will render a small map.
NUM_RECORDS: the number of most recent position updates you want to show. If you omit this parameter the iframe will show your latest 30 positions.

For example, these are all valid ways of constructing your iframe tag:

<iframe src="https://squidd.io/users/11212/embedded_map?size=L&records=10" height="620px" width="940px"> </iframe>

<iframe src="https://squidd.io/users/11212/embedded_map?size=S" height="300px" width="300px" > </iframe>

<iframe src="https://squidd.io/users/11212/embedded_map?records=10" height="300px" width="300px" > </iframe>

<iframe src="https://squidd.io/users/11212/embedded_map" height="300px" width="300px" >" </iframe>

Remember to size your iframe (using the height and width attributes) depending on the map size you specify in your request, and use any of the other HTML5 options available for iframes for doing things like hiding the iframe border, setting a background color etc..

To find out how to share your position updates on sQuidd.io, using your SPOT Tracker, AIS transponder or satellite phone refer to our FAQ and this log post.

Sharing your GPS positions map on your blog Beta

Sharing your GPS positions map on your blog ^Beta