Embedding the SPOT Live Map Widget in your WebSite
Author: Article Reference #:AA-00008 Views:14030 Date Added:2009-04-17 01:00 PM Last Updated:2013-04-26 10:58 AM 1 Rating/ 1 Voters

The SPOT Live Map Widget is a javascript widget that can be embedded into your own website.  It retrieves information about the public shared pages created in your main SPOT account and displays them as separate tabs in the Live Map Widget. Selecting a tab causes the LiveMap to load data for that shared page into the map. The selected feed can be shown full screen to give full access to message paging controls.

The Live Map Widget does not require that all the feeds come from the same account, which means it can be configured to display multiple shared page feeds from different accounts.

First signup for the Google Map API key(v2 and NOT v3). Copy the code given below to your webpage. Replace your-gmap-key in the code with the GMap key you signed up for. Replace the shared page ids in the 'feeds' array in this code to include 1 or more of your own feeds. (The feed id is included at the end of every shared page link).

<script type="text/javascript" src="http://maps.google.com/maps?oe=utf-8&amp;file=api&amp;v=2&amp;key=your-gmap-key"></script>
<script type="text/javascript" src="http://static.findmespot.com/live-widget/1.2/js/SpotMain.js"></script>
<script type="text/javascript">
 var widget = new Spot.Ui.LiveWidget({ renderTo: "spot-live-widget",
   feeds: [ "0Wl3diTJcqqvncI6NNsoqJV5ygrFtQfBB" ],
   height: 400,
   width: 500,
   mapType: "physical"
 });
</script>
<div id="spot-live-widget"/>

Attachments:
Instruction to Signing up for a Google Map API Key 0.2 Mb Download
Quick Jump
Go
Subscribe to updates Subscribe to Updates
Email to a frien Email to a Friend
Print Print Article
Info Tell your opinion about this article
Rate