Logged in: Logged in as: Log in
Register
Locations of visitors to this page SourceForge.net
free download
install guides
free wiki hosting
enterprise support
.
support
partners
Search:
Page last modified 12:44, 28 Apr 2008 by jjlopez
Permalink: http://tinyurl.com/6y6rc6
MindTouch Developer Center > MindTouch Deki > Extensions > Google

Google

This extension contains functions for embedding Google maps and widgets.  Related Links: Extension Overview, DekiScript Overview, Extension Demos.

Assembly: mindtouch.deki.services
SID: http://services.mindtouch.com/deki/draft/2007/06/google

This service requires Deki Wiki 1.8.2 or later.

To enable this extension, follow these steps:

  1. Go to Service management in the Control Panel of your wiki.
  2. Under Add Service, click on Local, and select type Extension.
  3. Enter a description and the extension SID: http://services.mindtouch.com/deki/draft/2007/06/google
  4. Add any additional configuration settings that are required by the extension (see below).
  5. Click on add service.


Configuration:

Before the Google service can be used, it must be configured with a Google API key.  Sign up here.

Config Key Description
api-key Google API key

Functions:

  1. google.calendar
  2. google.feed
  3. google.feedentries
  4. google.feeds
  5. google.findfeeds
  6. google.gadgetscript
  7. google.map
  8. google.search
  9. google.searchblogs
  10. google.searchnews
  11. google.searchvideos
  12. google.spreadsheet
  13. google.barchart
  14. google.linechart
  15. google.piechart

google.calendar(uri : uri, startdate : str, enddate : str, width : num, height : num) : xml

Embed Google Calendar.

Parameters:

Name Type Description
uri
uri
Google calendar feed uri.
startdate
str Optional.  Starting date (default: today)
enddate str Optional.  Ending date (default: 7 days from today)
width num Optional.  Calendar width (default: 800)
height num Optional.  Calendar height (default: 800)

Remarks:  Refer here for more information about Google Calendar.

Samples:


Output

To embed a calendar using the defaults: 

{{ google.calendar("http://www.google.com/calendar/feeds/ht3jlfaac5lfd6263ulfh4tql8%40group.calendar.google.com/public/basic") }}
./GoogleCalendar1.JPG

To embed a 400 by 400 calendar:

 {{ google.calendar("http://www.google.com/calendar/feeds/ht3jlfaac5lfd6263ulfh4tql8%40group.calendar.google.com/public/basic", _, _, 400, 400) }}
./GoogleCalendar2.JPG

google.feed(feed : uri, max : num, label : str) : xml

Embed a control to show an Atom/RSS feed.

Parameters:

Name Type Description
feed
uri
Feed uri (Atom or RSS)
max
num Optional.  Max number of entries to return (default: 4)
label
str
Optional.  Feed label (default: "")

Samples:


Output

To embed the MindTouch feed using the defaults: 

{{ google.feed("http://feeds.feedburner.com/Mindtouch") }}
./GoogleFeed1.JPG

To embed the 5 most recent stories from the MindTouch feed with a label:

{{ google.feed("http://feeds.feedburner.com/Mindtouch", 5, "Mindtouch Feed") }}
./GoogleFeed2.JPG

google.feedentries(feed : uri, max : num, publish : str, subscribe : str) : xml

Publish entries of a RSS/Atom feed.

Parameters:

Name Type Description
feed
uri
Optional.  Feed uri (Atom or RSS)
max
num Optional.  Max number of entries to read (default: 20)
publish
str
Optional.  Publish on channel (default: "default")
subscribe
str
Optional.  Subscribe to channel (default: nil)

Publish Format:

Name Type Description
label
str
Title of the feed entry.
uri
str
Feed entry link.
html
str
Formatted feed entry text.
text 
str
Feed entry summary.
date
str
Feed entry date.
name
str
Feed entry author.

Subscribe Format:

Name Type Description
uri
str
Feed link.

Samples:


Output

To display the Mindtouch feed in a table: 

{{ google.feedentries("http://feeds.feedburner.com/Mindtouch", _, "feeds") }}
{{ dhtml.table([{ label: "Title", field: "label" }, { label: "Contents", field: "text" }], "feeds") }}

./GoogleFeedEntry1.JPG

To prompt for a feed URI and display the result in a table: 

{{ dhtml.inputbox{ publish: "inputbox1", length: 100, label: "Feed URI:  ", field: "uri" } }}
{{ google.feedentries{ publish:  "feeds", subscribe:  "inputbox1" } }}
{{ dhtml.table([{ label: "Title", field: "label" }, { label: "Contents", field: "text" }], "feeds") }}


./GoogleFeedEntry2.JPG

google.feeds(feeds : list, max : num, tabbed : bool, subscribe : str) : xml

Embed a control to show Atom/RSS feeds.

Parameters:

Name Type Description
feeds
list
Optional.  List of feed objects (Atom or RSS) ({ uri : uri, label: str })
max
num Optional.  max number of entries to return (default: 4)
tabbed
bool
Optional.  Tabbed presentation (default: false)
subscribe
str
Optional.  Subscribe to channel (default: nil)

Subscribe Format:

Name Type Description
uri
str
Feed link.
label
str
Feed label.

Samples:


Output

To embed two feeds using the defaults: 

{{ google.feeds( [
    { uri: "http://feeds.feedburner.com/Mindtouch", label: "Mindtouch"}, 
    { uri: "http://wiki.opengarden.org/index.php?title=Special:Recentchanges&feed=rss", label: "OpenGarden"}
] ) }}
./GoogleFeeds1.JPG

To prompt for a feed URI/label and display the result: 

{{ dhtml.form{ publish: "form1", length: 100, inputs: [ { label: "Feed URI:  ", value: "http://feeds.feedburner.com/Mindtouch", field: "uri", hidden: false }, { label: "Feed Label:  ", value: "Mindtouch", field: "label", hidden: false } ] } }} 
{{ google.feeds{ tabbed: true, subscribe: "form1"} }}

./GoogleFeedEntry2.JPG

google.findfeeds(search : str, max : num, publish : str, subscribe : str) : xml

Publish list of RSS/Atom feeds that match search terms.

Parameters:

Name Type Description
search
str
Optional.  Search term (default: nil)
max
num Optional.  Max number of feeds to find (default: 4)
publish
str
Optional.  Publish on channel (default: "default")
subscribe
str
Optional.  Subscribe to channel (default: nil)

Publish Format:

Name Type Description
uri
str
Feed link.
label
str
Feed label.

Subscribe Format:

Name Type Description
text
str
Search term.

Samples:


Output

To prompt for a search term and display the resulting feeds: 

{{ dhtml.inputbox{ publish: "inputbox1", length: 100, field: "text", label: "Find feeds about:" } }} 
{{ google.findfeeds{ publish: "feeds", subscribe: "inputbox1"} }} 
{{ google.feeds{ subscribe: "feeds", tabbed: true} }}

./GoogleFindFeeds1.JPG

google.gadgetscript(script : str) : xml

Embed Google Gadget Script.

Parameters:

Name Type Description
script str Google Gadget script.

Remarks:  

To get started, go here, find a gadget you like, and customize its settings.  Once you are done, click on "Get the Code" and pass this result as a parameter to google.gadgetscript.

Samples:


Output

To embed the Google Live Weather gadget: 

{{ google.gadgetscript('<script src="http://gmodules.com/ig/ifr?url=http://www.labpixies.com/campaigns/weather/weather.xml&amp;up_degree_unit_type=0&amp;up_city_code=none&amp;up_zip_code=none&amp;synd=open&amp;w=320&amp;h=240&amp;title=Live+Weather&amp;border=%23ffffff%7C1px%2C1px+solid+%2366ccff%7C1px%2C2px+solid+%2366ccff&amp;output=js"></script>') }}
./GoogleGadget1.JPG

To embed the Google Microsoft Outlook gadget

{{ google.gadgetscript('<script src="http://gmodules.com/ig/ifr?url=http://andyast.googlepages.com/MSOutlookWidget.xml&amp;up_DefaultView=Inbox&amp;synd=open&amp;w=800&amp;h=400&amp;title=Microsoft+Outlook&amp;border=%23ffffff%7C0px%2C1px+solid+%23004488%7C0px%2C1px+solid+%23005599%7C0px%2C1px+solid+%230077BB%7C0px%2C1px+solid+%230088CC&amp;output=js"></script>') }}

./GoogleGadget2.JPG

google.map(address : str, zoom : num, width : num, height : num, title : str, subscribe : str) : xml

Embed Google Map with map marker.

Parameters:

Name Type Description
address
str
Optional.  Street address (default: nil)
zoom
num Optional.  Map zoom level (1-17; default: 14)
width
num
Optional.  Map width (default: 450)
height
num
Optional.  Map height (default: 300)
title
str
Optional.  Title for map marker (default: nil)
subscribe
str
Optional.  Subscribe to channel (default: nil)

Subscribe Formats:

Name Type Description
latitude
str
Latitude of address.
longitude
str
Longitude of address.
label
str
Map marker title.
info
str
Map marker description.
Name Type Description
address
str
Street address.
label
str
Map marker title.
info
str
Map marker description.

 

Here is a step by step guide on how to put google maps on your dekiwiki page:
 1) go to service management in the control panel
2) below 'Add Service' click on 'Local'
3) select 'Extension' type
4) enter a name: Google
5) enter the SID: http://services.mindtouch.com/deki/draft/2007/06/google
6) in the first config box enter: api-key
7) in the second config box (to the right of the first), enter you Google API key (you can get it from http://www.google.com/apis/maps/signup.html)
8) click 'Update Service'

Samples:


Output

To embed a map using the defaults: 

{{ google.map("555 W. Beech St., San Diego, CA 92101") }}
./GoogleMap1.JPG

To embed a 400 by 400 map with a custom description for the marker: 

{{ google.map("555 W. Beech St., San Diego, CA 92101", _, 400, 400, "MindTouch Offices") }}
./GoogleMap2.JPG

To prompt for an address and display the result:

{{ dhtml.inputbox{ publish: "inputbox1", length: 70, label: "Address: ", field: "address" } }}
{{ google.map{ subscribe: "inputbox1", zoom: 10, width: 500, height: 500 } }}

./GoogleMap3.JPG

google.search(search : str, options : map, tabbed : bool, publish : str, subscribe : str) : xml

Embed Google search for web, images, videos, news, blogs, and books results.

Parameters:

Name Type Description
search
str
Optional.  Search terms (default: nil)
options
map Optional.  Search options (default: { web: true, local: true, images: true, videos: true, news: true, blogs: true, books: true })
tabbed
bool
Optional.  Tabbed presentation (default: false)
publish
str
Optional.  Publish on channel (default: nil)
subscribe
str
Optional.  Subscribe to channel (default: nil)

Publish Format:

Name Type Description
label
str
Search result title.
uri
str
Search result URI.
latitude
str
Search result latitude.
longitude
str
Search result longitude.
address
str
Search result address.
phone
str
Search result phone.
text
str
Search result text.
date
str
Search result date.

Subscribe Format:

Name Type Description
text
str
Search terms.

Samples:


Output

To embed a Google search using the defaults: 

{{ google.search() }}
./GoogleSearch1.JPG

To embed a Google video and image search with tabbed presentation: 

{{ google.search{options: { images: true, videos: true }, tabbed: true} }}
./GoogleSearch2.JPG

google.searchblogs(search : str, horizontal : bool, title : str, subscribe : str) : xml

Embed Google Blog results.

Parameters:

Name Type Description
search
str
Optional.  Search terms (default: nil)
horizontal
bool
Optional.  Horizontal layout (default: false)
title
str
Optional.  Search title (default: nil)
subscribe
str
Optional.  Subscribe to channel (default: nil)

Subscribe Format:

Name Type Description
text
str
Search terms.

Samples:


Output

To prompt for search terms and embed the Google Blog search results: 

{{ dhtml.inputbox{ publish: "inputbox1", length: 70, label: "Search terms: ", field: "text" } }}
{{ google.searchblogs{ subscribe: "inputbox1" } }}
./GoogleSearchBlogs1.JPG

google.searchnews(search : str, horizontal : bool, title : str, subscribe : str) : xml

Embed Google News results.

Parameters:

Name Type Description
search
str
Optional.  Search terms (default: nil)
horizontal
bool
Optional.  Horizontal layout (default: false)
title
str
Optional.  Search title (default: nil)
subscribe
str
Optional.  Subscribe to channel (default: nil)

Subscribe Format:

Name Type Description
text
str
Search terms.

Samples:


Output

To prompt for search terms and embed the Google News search results: 

{{ dhtml.inputbox{ publish: "inputbox1", length: 70, label: "Search terms: ", field: "text" } }}

{{ google.searchnews{ subscribe: "inputbox1" } }}
./GoogleSearchNews1.JPG

google.searchvideos(search : str, width : num, height : num, subscribe : str) : xml

Embed Google Video results.

Parameters:

Name Type Description
search
str
Optional.  Search terms (default: nil)
width
num
Optional.  Video search width (default: 260)
height
num
Optional.  Video search height (default: nil)
subscribe
str
Optional.  Subscribe to channel (default: nil)

Subscribe Format:

Name Type Description
text
str
Search terms.

Samples:


Output

To embed a Google Video search using the defaults: 

{{ google.searchvideos() }}
./GoogleSearchVideos1.JPG

google.spreadsheet(uri : uri, width : num, height : num) : xml

Embed Google Spreadsheet.

Parameters:

Name Type Description
uri
uri
Google spreadsheet uri.
width
num
Optional.  Spreadsheet width (default: 800)
height
num
Optional.  Spreadsheet height (default: 800)

Remarks:  Refer here for more information about Google Spreadsheets.

Samples:


Output
To embed a 850 by 600 Google Spreadsheet: 
{{ google.spreadsheet("http://spreadsheets.google.com/ccc?key=pbVievtsJlkQzdI7yjYs7SQ&hl=en", 850, 600) }}
./GoogleSpreadSheet1.JPG

 

google.barchart(width : num, height : num, values : list, legends : list, colors : list, vertical : bool, stacked : bool, xaxis : list, yaxis : list) : xml

Embed a Google Bar Chart 

Parameters:

Name Type Description
width
num
chart width
height
num
chart height
values
 list
 chart values (e.g. [ 1, 2, 3 ])
legends
 list
 Optional.  Chart legends (e.g. [ "first", "secong", "third" ]; default: nil)
colors
 list
 Optional.  Chart colors (e.g. [ "ff0000", "00ff00", "0000ff" ]; default: nil)
vertical
 bool
 Optional.  Draw bars vertically (default: true)
stacked
 bool
 Optional.  Draw bars stacked (default: false)
xaxis
 list
 Optional.  Chart x-axis labels (e.g. [ "first", "second", "third" ]; default: [ 1, 2, 3, ... ])
yaxis
 list
 Optional.  Chart y-axis labels (e.g. [ 0, 50, 100 ]; default: [ 0, max/2, max ])

 

Samples:


Output
To embed a Google Bar Chart 
{{google.barchart(400,200,[[10,20,30,50,40],[40,50,30,20,10]],["fake","real"],["ff0000","0000ff"],true,false)}}
http://www.mindtouch.com/blog/wp-content/uploads/2007/12/bar-chart2.png

 

google.linechart(width : num, height : num, values : list, legends : list, colors : list, xaxis : list, yaxis : list) : xml

Embed a Google Line Chart 

Parameters:

Name Type Description
width
num
Chart width.
height
num
Chart height
values
 list
 chart values (e.g. [ 1, 2, 3 ])
legends
 list
 Optional.  Chart legends (e.g. [ "first", "secong", "third" ]; default: nil)
colors
 list
 Optional.  Chart colors (e.g. [ "ff0000", "00ff00", "0000ff" ]; default: nil)
xaxis
 list
 Optional.  Chart x-axis labels (e.g. [ "first", "second", "third" ]; default: [ 1, 2, 3, ... ])
yaxis
 list
 Optional.  Chart y-axis labels (e.g. [ 0, 50, 100 ]; default: [ 0, max/2, max ])

Samples:


Output
To embed a Google Line Chart 
{{google.linechart(400,200,[[10,20,30,50,40],[40,50,30,20,10]],["fake","real"],["ff0000","0000ff"])}}

http://www.mindtouch.com/blog/wp-content/uploads/2007/12/line-chart.png

 

google.piechart(width : num, height : num, values : list, labels : list, colors : list, threed : bool) : xml

Embed a Google Pie Chart 

Parameters:

Name Type Description
width
num
Chart width
height
num
Chart height
values
 list
 chart values (e.g. [ 1, 2, 3 ])
labels
 list
 Optional.  Chart labels (e.g. [ "first", "secong", "third" ]; default: nil)
colors
 list
 Optional.  Chart colors (e.g. [ "ff0000", "00ff00", "0000ff" ]; default: nil)
threed
 bool
 Optional.  Draw 3D chart (default: true)

Samples:


Output
To embed a Google Pie Chart 
{{google.piechart(400,200,[10,20,30],[‘you’,‘him’,‘me’], _,true)}}

http://www.mindtouch.com/blog/wp-content/uploads/2007/12/piechart-3d.png

 

Tag page
What links here

Files 0

Attach file or image
 

Images 19

« prev next »
Viewing 1 - 6 of 19 images | View All
No description
GoogleSpr...  Actions
No description
GoogleSea...  Actions
No description
GoogleSea...  Actions
No description
GoogleSea...  Actions
No description
GoogleSea...  Actions
No description
GoogleSea...  Actions
Viewing 7 of 7 comments: view all
#1
nell says:
When I sign out of Google, my Wiki Google spreadsheet signs out too - and no one else can see it. Is that what is supposed to happen? Because if so it doesn't really function for a web community.
Posted 15:44, 11 Jan 2008
#3
nell says:
Nevermind: you need to "publish" it.
Posted 16:27, 11 Jan 2008
#4
Edit
Anonymous says:
With google calendar it would be good to have the ability to select the "mode" parameter, this would permit selecting Agenda as a small object instead of a compressed calendar.
Posted 10:40, 12 Mar 2008
#5
pmainguet says:
What is the format for the GCal startdate parameter
dd/mm/yyyy ?
yyyy-mm-dd ?
Thanks
Posted 15:51, 22 Mar 2008
#6
pmainguet says:
Is it possible to change the view mode from monthly to weekly ?
Posted 15:52, 22 Mar 2008
#7
slizarraga says:
Hello, on the Pie chart, the code is not working, susbtitute the ' for "! Enjoy!
Posted 19:15, 1 May 2008
#8
travellingwithoutmoving says:
A couple of questions to anyone who might know. One, how do you select a default view other than monthly, as asked above. Two, how do I get google map with marker working propoerly. I'm using postcode SG14 3HD, which returns the right location on maps.google.com, but returns a significantly wrong location from the embedded map... Thanks in advance!
Posted 17:26, 5 May 2008
Viewing 7 of 7 comments: view all
You must login to post a comment.
Powered by MindTouch Deki v.8.08