1 files changed, 289 insertions, 0 deletions

diff --git a/node_modules/montage-google/map.reel/map.js b/node_modules/montage-google/map.reel/map.js
new file mode 100644
index 00000000..3ba7fff7
--- /dev/null
+++ b/node_modules/montage-google/map.reel/map.js
@@ -0,0 +1,289 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+/**
+
+    @requires montage/core/core
+    @requires montage/ui/component
+*/
+var Montage = require("montage").Montage,
+    Component = require("montage/ui/component").Component;
+
+/**
+ @class module:"montage/ui/google/map.reel".Map
+ @extends module:montage/ui/component.Component
+ */
+var Map = exports.Map = Montage.create(Component, /** @lends module:"montage/ui/toggle-switch.reel".ToggleSwitch# */ {
+
+    didCreate: {
+        value: function() {
+            var self = this;
+            window.initialize = function initialize() {
+                console.log('google maps api loaded');
+                self._mapLoaded = true;
+                self._geoCoder = new google.maps.Geocoder();
+                self.needsDraw = true;
+            };
+        }
+    },
+    
+    _geoCoder: {value: null}, 
+    
+    // HTMLElement to load the Map into
+    mapEl: {value: null},
+    
+    _mapLoaded: {
+        enumerable: false,
+        value: false
+    },
+    _map: {
+        enumerable: false,
+        value: false
+    },
+   
+    // Sunnyvale, CA
+    defaultLatLng: {
+        value: {lat: 37.37, lng: -122.03}
+    },
+
+    _latLng: {
+        value: this.defaultLatLng, 
+        distinct: true
+    },
+    latLng: {
+        get: function() {
+            return this._latLng;
+        },
+        set: function(value) {
+            if(value) {
+                this._latLng = value;
+                // refresh the map
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    // {lat, lon} Or a String representing the location (eg: Paris, France)
+    center: {
+        get: function() {
+            return this._center;
+        },
+        set: function(value) {
+            if(value) {
+                var self = this, geocoder = this._geoCoder;
+                this._center = value;
+                if(this._mapLoaded) {
+                    
+                    if(String.isString(value)) {
+                        // geocode
+                        geocoder.geocode( { 'address': value}, function(results, status) {
+                            if (status == google.maps.GeocoderStatus.OK) {
+                                var loc = results[0].geometry.location;
+                                self.latLng = {lat: loc.lat(), lng: loc.lng()};
+                            } else {
+                                console.log('Geocode was not successful : ' + status);
+                            }
+                        });
+                    } else if(value.lat && value.lng) {
+                        this.latLng = value;
+                    } else {
+                         // default location
+                         this.latLng = this.defaultLatLng;
+                    }
+                    
+                }
+                
+            }
+
+        }
+    },
+
+    category: {
+        get: function() {
+            return this._category;
+        },
+        set: function(value) {
+            console.log('category set: ' + value);
+            if(value) {
+                this._category = value;
+                this._getPlaces(this._category);
+                this.needsDraw = true;
+            }
+        }
+    },
+    
+    trafficLayer: {value: null},
+    _traffic: {value: null},
+    traffic: {
+        get: function() {
+            return this._traffic;
+        },
+        set: function(value) {
+            if(value !== this._traffic) {
+                this._traffic = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+    
+    
+    zoomValue: {
+        value: 8
+    },
+    
+    __places: {value: null},
+    _places: {
+        get: function() {
+            return this.__places;
+        },
+        set: function(value) {
+            if(value) {
+                this.__places = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+    
+    _getPlaces: {
+        value: function(type, keyword) {
+            var self = this;
+            var request = {                
+                location: new window.google.maps.LatLng(this.latLng.lat, this.latLng.lng),
+                radius: 5000,
+                types: [type]
+            };
+            if(!this._infoWindow) {
+                this._infoWindow = new google.maps.InfoWindow();
+            }
+            var service = new google.maps.places.PlacesService(this._map);
+            service.search(request, function(results, status) {
+                console.log('got places for ', self.category, status, results);
+                if (status == google.maps.places.PlacesServiceStatus.OK) {
+                    self._places = results;
+                } else {
+                    self._places = [];
+                }
+            });
+        }
+    },
+    
+    _infoWindow: {value: null},
+    _markers: {value: null},
+    _createMarker: {
+        value: function(place) {
+            var placeLoc = place.geometry.location, map = this._map;
+            var icon, image;
+            switch(this.category) {
+                case 'restaurant':
+                icon = '48-fork-and-knife.png';
+                break;
+                case 'hospital':
+                icon = '10-medical.png';
+                break;
+                case 'bar':
+                icon = '88-beer-mug.png';
+                break;
+                case 'grocery_or_supermarket':
+                icon = '80-shopping-cart.png';
+                break;
+                case 'museum':
+                icon = '41-picture-frame.png';
+                break;
+                case 'gas_station':
+                icon = '47-fuel.png';                
+                break;
+            };
+            if(icon) {
+                image = new google.maps.MarkerImage('images/' + icon);
+            }            
+            var options = {
+                map: map,
+                position: place.geometry.location
+            };
+            if(image) {
+                options.icon = image;
+            }       
+            
+            var marker = new google.maps.Marker(options);
+            if(!this._markers) {
+                this._markers = [];
+            }
+            this._markers.push(marker);
+
+            var infoWindow = this._infoWindow;
+            google.maps.event.addListener(marker, 'click', function() {
+                infoWindow.setContent(place.name + '<br/>' + place.vicinity);
+                infoWindow.open(map, this);
+            });
+        }
+    },
+    
+    _removeAllMarkers: {
+        value: function() {
+            if(this._markers && this._markers.length > 0) {
+                var i=0, len = this._markers.length;
+                for(i; i< len; i++) {
+                    this._markers[i].setMap(null);
+                }
+                this._markers = [];
+            }