{@link Ext.Panel#border border}.
*/
border: false,
/**
* @cfg {Array} respErrors
* An array of msg/code pairs.
*/
respErrors: [{
code: 'UNKNOWN_ERROR',
msg: 'A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.'
},{
code: 'ERROR',
msg: 'There was a problem contacting the Google servers.'
},{
code: 'ZERO_RESULTS',
msg: 'The request did not encounter any errors but returns zero results.'
},{
code: 'INVALID_REQUEST',
msg: 'This request was invalid.'
},{
code: 'REQUEST_DENIED',
msg: 'The webpage is not allowed to use the geocoder for some reason.'
},{
code: 'OVER_QUERY_LIMIT',
msg: 'The webpage has gone over the requests limit in too short a period of time.'
}],
/**
* @cfg {Array} locationTypes
* An array of msg/code/level pairs.
*/
locationTypes: [{
level: 4,
code: 'ROOFTOP',
msg: 'The returned result is a precise geocode for which we have location information accurate down to street address precision.'
},{
level: 3,
code: 'RANGE_INTERPOLATED',
msg: 'The returned result reflects an approximation (usually on a road) interpolated between two precise points (such as intersections). Interpolated results are generally returned when rooftop geocodes are unavailable for a street address.'
},{
level: 2,
code: 'GEOMETRIC_CENTER',
msg: 'The returned result is the geometric center of a result such as a polyline (for example, a street) or polygon (region).'
},{
level: 1,
code: 'APPROXIMATE',
msg: 'The returned result is approximate.'
}],
/**
* @cfg {String} respErrorTitle
* Defaults to 'Error'.
*/
respErrorTitle : 'Error',
/**
* @cfg {String} geoErrorMsgUnable
* Defaults to 'Unable to Locate the Address you provided'.
*/
geoErrorMsgUnable : 'Unable to Locate the Address you provided',
/**
* @cfg {String} geoErrorTitle
* Defaults to 'Address Location Error'.
*/
geoErrorTitle : 'Address Location Error',
/**
* @cfg {String} geoErrorMsgAccuracy
* Defaults to 'The address provided has a low accuracy.ROOFTOP : * The returned result is a precise geocode for which we have location information accurate down to street address precision. *
RANGE_INTERPOLATED : * The returned result reflects an approximation (usually on a road) interpolated between two precise points (such as intersections). Interpolated results are generally returned when rooftop geocodes are unavailable for a street address. *
GEOMETRIC_CENTER : * The returned result is the geometric center of a result such as a polyline (for example, a street) or polygon (region). *
APPROXIMATE : * The returned result is approximate. *
G_NORMAL_MAP : * Displays the default road map view *
G_SATELLITE_MAP : * Displays Google Earth satellite images *
G_HYBRID_MAP : * Displays a mixture of normal and satellite views *
G_DEFAULT_MAP_TYPES : * Contains an array of the above three types, useful for iterative processing. *
G_PHYSICAL_MAP : * Displays a physical map based on terrain information. *
G_MOON_ELEVATION_MAP : * Displays a shaded terrain map of the surface of the Moon, color-coded by altitude. *
G_MOON_VISIBLE_MAP : * Displays photographic imagery taken from orbit around the moon. *
G_MARS_ELEVATION_MAP : * Displays a shaded terrain map of the surface of Mars, color-coded by altitude. *
G_MARS_VISIBLE_MAP : * Displays photographs taken from orbit around Mars. *
G_MARS_INFRARED_MAP : * Displays a shaded infrared map of the surface of Mars, where warmer areas appear brighter and colder areas appear darker. *
G_SKY_VISIBLE_MAP : * Displays a mosaic of the sky, as seen from Earth, covering the full celestial sphere. *
* gmapType: G_MOON_VISIBLE_MAP
* {@link #markers} array.
* For example:
*
setCenter: {
geoCodeAddr: '4 Yawkey Way, Boston, MA, 02215-3409, USA',
marker: {title: 'Fenway Park'}
},
// or just specify lat/long
setCenter: {
lat: 42.345573,
lng: -71.098326
}
*
* mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
*
* mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl']
* lat/lng,
* geocoding can be specified via a geoCodeAddr string.
* For example:
*
markers: [{
//lat: 42.339641,
//lng: -71.094224,
// instead of lat/lng:
geoCodeAddr: '465 Huntington Avenue, Boston, MA, 02215-5597, USA',
marker: {title: 'Boston Museum of Fine Arts'},
listeners: {
click: function(e){
Ext.Msg.alert('Its fine', 'and its art.');
}
}
},{
lat: 42.339419,
lng: -71.09077,
marker: {title: 'Northeastern University'}
}]
* lat and lng properties or a geoCodeAddr.
* @param {Array} markers an array of marker objects
*/
addMarkers : function(markers) {
if (Ext.isArray(markers)){
for (var i = 0; i < markers.length; i++) {
if (markers[i]) {
if (typeof markers[i].geoCodeAddr == 'string') {
this.geoCodeLookup(markers[i].geoCodeAddr, markers[i].marker, false, markers[i].setCenter, markers[i].listeners);
} else {
var mkr_point = new google.maps.LatLng(markers[i].lat, markers[i].lng);
this.addMarker(mkr_point, markers[i].marker, false, markers[i].setCenter, markers[i].listeners);
}
}
}
}
},
/**
* Creates a single marker.
* @param {Object} point a GLatLng point
* @param {Object} marker a marker object consisting of at least lat and lng
* @param {Boolean} clear clear other markers before creating this marker
* @param {Boolean} center true to center the map on this marker
* @param {Object} listeners a listeners config
*/
addMarker : function(point, marker, clear, center, listeners){
Ext.applyIf(marker,{});
if (clear === true){
this.clearMarkers();
}
if (center === true) {
this.getMap().setCenter(point, this.zoomLevel)
this.lastCenter = point;
}
var mark = new google.maps.Marker(Ext.apply(marker, {
position: point
}));
if (marker.infoWindow){
this.createInfoWindow(marker.infoWindow, point, mark);
}
this.cache.marker.push(mark);
mark.setMap(this.getMap());
if (typeof listeners === 'object'){
for (evt in listeners) {
google.maps.event.addListener(mark, evt, listeners[evt]);
}
}
return mark;
},
/**
* Creates a single polyline.
* @param {Array} points an array of polyline points
* @param {Object} linestyle an object defining the line style to use
*/
addPolyline : function(points, linestyle){
var plinepnts = new google.maps.MVCArray, pline, linestyle = linestyle ? linestyle : {
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
};
Ext.each(points, function(point){
plinepnts.push(new google.maps.LatLng(point.lat, point.lng));
}, this);
var pline = new google.maps.Polyline(Ext.apply({
path: plinepnts
},linestyle));
this.cache.polyline.push(pline);
pline.setMap(this.getMap());
},
/**
* Creates an Info Window.
* @param {Object} inwin an Info Window configuration
* @param {GLatLng} point the point to show the Info Window at
* @param {GMarker} marker a marker to attach the Info Window to
*/
createInfoWindow : function(inwin, point, marker){
var me = this, infoWindow = new google.maps.InfoWindow({
content: inwin.content,
position: point
});
if (marker) {
google.maps.event.addListener(marker, 'click', function(){
me.hideAllInfoWindows();
infoWindow.open(me.getMap());
});
}
this.cache.infowindow.push(infoWindow);
return infoWindow;
},
// private
hideAllInfoWindows : function(){
for (var i = 0; i < this.cache.infowindow.length; i++) {
this.cache.infowindow[i].close();
}
},
// private
clearMarkers : function(){
this.hideAllInfoWindows();
this.hideMarkers();
},
// private
hideMarkers : function(){
Ext.each(this.cache.marker, function(mrk){
mrk.setMap(null);
});
},
// private
showMarkers : function(){
Ext.each(this.cache.marker, function(mrk){
mrk.setMap(this.getMap());
},this);
},
// private
addMapControls : function(){
if (this.gmapType === 'map') {
if (Ext.isArray(this.mapControls)) {
for(i=0;i
buttons: [
{
text: 'Fenway Park',
handler: function(){
var addr = '4 Yawkey Way, Boston, MA, 02215-3409, USA';
Ext.getCmp('my_map').geoCodeLookup(addr, undefined, false, true, undefined);
}
},{
text: 'Zoom Fenway Park',
handler: function(){
Ext.getCmp('my_map').zoomLevel = 19;
var addr = '4 Yawkey Way, Boston, MA, 02215-3409, USA';
Ext.getCmp('my_map').geoCodeLookup(addr, undefined, false, true, undefined);
}
},{
text: 'Low Accuracy',
handler: function(){
Ext.getCmp('my_map').geoCodeLookup('Paris, France', undefined, false, true, undefined);
}
},{
text: 'Bogus Address',
handler: function(){
var addr = 'Some Fake, Address, For, Errors';
Ext.getCmp('my_map').geoCodeLookup(addr, undefined, false, true, undefined);
}
}
]
*
* @param {String} addr the address to lookup.
* @param {Object} marker the marker to add (optional).
* @param {Boolean} clear clear other markers before creating this marker
* @param {Boolean} center true to set this point as the center of the map.
* @param {Object} listeners a listeners config
*/
geoCodeLookup : function(addr, marker, clear, center, listeners) {
if (!this.geocoder) {
this.geocoder = new google.maps.Geocoder();
}
this.geocoder.geocode({
address: addr
}, this.addAddressToMap.createDelegate(this, [addr, marker, clear, center, listeners], true));
},
// private
centerOnClientLocation : function(){
this.getClientLocation(function(loc){
var point = new google.maps.LatLng(loc.latitude,loc.longitude);
this.getMap().setCenter(point, this.zoomLevel);
this.lastCenter = point;
});
},
// private
getClientLocation : function(fn, errorFn){
if (!errorFn) {
errorFn = Ext.emptyFn;
}
if (!this.clientGeo) {
this.clientGeo = google.gears.factory.create('beta.geolocation');
}
geo.getCurrentPosition(fn.createDelegate(this), errorFn);
},
// private
addAddressToMap : function(response, status, addr, marker, clear, center, listeners){
if (!response || status !== 'OK') {
this.respErrorMsg(status);
}else{
var place = response[0].geometry.location,
accuracy = this.getLocationTypeInfo(response[0].geometry.location_type,'level'),
reqAccuracy = this.getLocationTypeInfo(this.minGeoAccuracy,'level');
if (accuracy === 0) {
this.geoErrorMsg(this.geoErrorTitle, this.geoErrorMsgUnable);
}else{
if (accuracy < reqAccuracy) {
this.geoErrorMsg(this.geoErrorTitle, String.format(this.geoErrorMsgAccuracy, response[0].geometry.location_type, this.getLocationTypeInfo(response[0].geometry.location_type,'msg')));
}else{
point = new google.maps.LatLng(place.xa,place.za);
if (center){
this.getMap().setCenter(point, this.zoomLevel);
this.lastCenter = point;
}
if (typeof marker === 'object') {
if (!marker.title){
marker.title = response.formatted_address;
}
var mkr = this.addMarker(point, marker, clear, false, listeners);
if (marker.callback){
marker.callback.call(this, mkr, point);
}
}
}
}
}
},
// private
geoErrorMsg : function(title,msg){
if (this.displayGeoErrors) {
Ext.MessageBox.alert(title,msg);
}
},
// private
respErrorMsg : function(code){
Ext.each(this.respErrors, function(obj){
if (code == obj.code){
Ext.MessageBox.alert(this.respErrorTitle, obj.msg);
}
}, this);
},
// private
getLocationTypeInfo: function(location_type,property){
var val = 0;
Ext.each(this.locationTypes, function(itm){
if (itm.code === location_type){
val = itm[property];
}
});
return val;
}
});