https://github.com/tdegrunt/google_core

Google API's for SproutCore
https://github.com/tdegrunt/google_core

Last synced: 26 days ago
JSON representation

Google API's for SproutCore

• Host: GitHub
• URL: https://github.com/tdegrunt/google_core
• Owner: tdegrunt
• Created: 2011-05-15T13:37:55.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2011-05-15T14:20:33.000Z (over 13 years ago)
• Last Synced: 2024-10-07T17:36:15.034Z (about 1 month ago)
• Language: JavaScript
• Homepage:
• Size: 93.8 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#Overview

This is a Google Maps view for [Sproutcore](http://www.github.com/sproutcore/sproutcore).

#How to use

Clone this repository in your frameworks folder. 

To include a map in your view, add the following to your page:

    map: GoogleCore.MapView.design({

      layout: { left: 500, top: 20, width: 250, height: 250 },

      center: new google.maps.LatLng(-34.397, 150.644),

      zoom: 14

    })

To include a chart in your view, add the following to your page:

    chart: GoogleCore.ChartView.design({

      type: "PieChart",

      layout: { left: 800, top: 20, width: 250, height: 250 },

      data: new google.visualization.DataTable({

        cols: [

          {id: 'task', label: 'Task', type: 'string'},

          {id: 'hours', label: 'Hours per Day', type: 'number'}

        ],

        rows: [

          {c:[{v: 'Work'}, {v: 11}]},

          {c:[{v: 'Eat'}, {v: 2}]},

          {c:[{v: 'Commute'}, {v: 2}]},

          {c:[{v: 'Watch TV'}, {v:2}]},

          {c:[{v: 'Sleep'}, {v:7, f:'7.000'}]}

        ]

      }),

    })