GoogleMap.js

enyo.kind({
	name: 'GoogleMap',
	kind: 'Control',
	published: {
		zoom: 16,
		center: null,
		mapTypeId: 0,
		useDefaultUI: true,
		debugMode: false
	},
	events: {
		onMapCreated: ''
	},
	components: [
		{name: 'map', classes: 'enyo-google-map-map'}
	],
	//* @protected
	create: function() {
		this.inherited(arguments);
		this.center = {
			lat: 37.787186,
			lng: -122.401037
		};
	},
	rendered: function() {
		this.inherited(arguments);
		this.createMap();
	},
	createMap: function() {
		this.mapTypeId = this.mapTypeId || google.maps.MapTypeId.ROADMAP;
		if (this.map) {
			this.destroyMap();
		}
		if (this.$.map.hasNode()) {
			this.map = new google.maps.Map(this.$.map.hasNode(), {
				center:				new google.maps.LatLng(this.center.lat, this.center.lng),
				zoom:				this.zoom,
				disableDefaultUI:	!this.useDefaultUI,
				mapTypeId:			this.mapTypeId,
				modeDiagnostics:	this.debugMode
			});
			this.doMapCreated();
		}
	},
	destroyMap: function() {
		this.map = null;
	},
	updateCenter: function() {
		var latlng = new google.maps.LatLng(this.center.lat, this.center.lng);
		this.map.panTo(latlng);
	},
	setCenter: function(inLat, inLng) {
		this.center.lat = inLat;
		this.center.lng = inLng;
		this.updateCenter();
	}
});