gmaps4rails 0.11.1 → 1.0.0

data/public/javascripts/gmaps4rails/gmaps4rails.bing.js

@@ -1,195 +1,206 @@
-Gmaps4Rails.map_options.type =  "road";             // aerial, auto, birdseye, collinsBart, mercator, ordnanceSurvey, road
-Gmaps4Rails.markers_conf.infobox =  "description";  // description or htmlContent
-
-////////////////////////////////////////////////////
-/////////////// Basic Objects         //////////////
-////////////////////////////////////////////////////
-
-Gmaps4Rails.getMapType = function(){
-  switch(Gmaps4Rails.map_options.type)
-  {
-  case "road":
-    return Microsoft.Maps.MapTypeId.road;
-  case "aerial":
-    return Microsoft.Maps.MapTypeId.aerial;
-  case "auto":
-    return Microsoft.Maps.MapTypeId.auto;
-  case "birdseye":
-    return Microsoft.Maps.MapTypeId.birdseye;
-  case "collinsBart":
-    return Microsoft.Maps.MapTypeId.collinsBart;
-  case "mercator":
-    return Microsoft.Maps.MapTypeId.mercator;
-  case "ordnanceSurvey":
-    return Microsoft.Maps.MapTypeId.ordnanceSurvey;
-  default:
-    return Microsoft.Maps.MapTypeId.auto;
-  }
-};
-
-Gmaps4Rails.createPoint = function(lat, lng){
-  return new Microsoft.Maps.Point(lat, lng);
-};
-
-Gmaps4Rails.createLatLng = function(lat, lng){
-  return new Microsoft.Maps.Location(lat, lng);
-};
-
-Gmaps4Rails.createLatLngBounds = function(){
-
-};
-
-Gmaps4Rails.createMap = function(){
-  return new Microsoft.Maps.Map(document.getElementById(Gmaps4Rails.map_options.id), { 
-    credentials:  Gmaps4Rails.map_options.provider_key,
-    mapTypeId:    Gmaps4Rails.getMapType(),
-    center:       Gmaps4Rails.createLatLng(Gmaps4Rails.map_options.center_latitude, Gmaps4Rails.map_options.center_longitude),
-    zoom:         Gmaps4Rails.map_options.zoom
- });
-};
-
-Gmaps4Rails.createSize = function(width, height){
-  return new google.maps.Size(width, height);
-};
-
-////////////////////////////////////////////////////
-////////////////////// Markers /////////////////////
-////////////////////////////////////////////////////
-
-Gmaps4Rails.createMarker = function(args){
-  var markerLatLng = Gmaps4Rails.createLatLng(args.Lat, args.Lng); 
-  var marker;
-  // Marker sizes are expressed as a Size of X,Y
-  if (args.marker_picture === "" ) { 
-    marker = new Microsoft.Maps.Pushpin(Gmaps4Rails.createLatLng(args.Lat, args.Lng), {
-     draggable: args.marker_draggable,
-     anchor:    Gmaps4Rails.createImageAnchorPosition(args.Lat, args.Lng),
-     text:      args.marker_title
-     }
-    );
-  } else {
-    marker = new Microsoft.Maps.Pushpin(Gmaps4Rails.createLatLng(args.Lat, args.Lng), {
-     draggable: args.marker_draggable,
-     anchor:    Gmaps4Rails.createImageAnchorPosition(args.Lat, args.Lng),
-     icon:      args.marker_picture,
-     height:    args.marker_height,
-     text:      args.marker_title,
-     width:     args.marker_width
+var Gmaps4RailsBing = function() {
+
+  this.map_options = {
+    type:  "road"      // aerial, auto, birdseye, collinsBart, mercator, ordnanceSurvey, road
+  };             
+  this.markers_conf = {
+    infobox:  "description"  // description or htmlContent
+  };
+
+  this.mergeWithDefault("map_options");
+  this.mergeWithDefault("markers_conf");
+  
+  ////////////////////////////////////////////////////
+  /////////////// Basic Objects         //////////////
+  ////////////////////////////////////////////////////
+
+  this.getMapType = function(){
+    switch(this.map_options.type)
+    {
+    case "road":
+      return Microsoft.Maps.MapTypeId.road;
+    case "aerial":
+      return Microsoft.Maps.MapTypeId.aerial;
+    case "auto":
+      return Microsoft.Maps.MapTypeId.auto;
+    case "birdseye":
+      return Microsoft.Maps.MapTypeId.birdseye;
+    case "collinsBart":
+      return Microsoft.Maps.MapTypeId.collinsBart;
+    case "mercator":
+      return Microsoft.Maps.MapTypeId.mercator;
+    case "ordnanceSurvey":
+      return Microsoft.Maps.MapTypeId.ordnanceSurvey;
+    default:
+      return Microsoft.Maps.MapTypeId.auto;
+    }
+  };
+
+  this.createPoint = function(lat, lng){
+    return new Microsoft.Maps.Point(lat, lng);
+  };
+
+  this.createLatLng = function(lat, lng){
+    return new Microsoft.Maps.Location(lat, lng);
+  };
+
+  this.createLatLngBounds = function(){
+
+  };
+
+  this.createMap = function(){
+    return new Microsoft.Maps.Map(document.getElementById(this.map_options.id), { 
+      credentials:  this.map_options.provider_key,
+      mapTypeId:    this.getMapType(),
+      center:       this.createLatLng(this.map_options.center_latitude, this.map_options.center_longitude),
+      zoom:         this.map_options.zoom
+   });
+  };
+
+  this.createSize = function(width, height){
+    return new google.maps.Size(width, height);
+  };
+
+  ////////////////////////////////////////////////////
+  ////////////////////// Markers /////////////////////
+  ////////////////////////////////////////////////////
+
+  this.createMarker = function(args){
+    var markerLatLng = this.createLatLng(args.Lat, args.Lng); 
+    var marker;
+    // Marker sizes are expressed as a Size of X,Y
+    if (args.marker_picture === "" ) { 
+      marker = new Microsoft.Maps.Pushpin(this.createLatLng(args.Lat, args.Lng), {
+       draggable: args.marker_draggable,
+       anchor:    this.createImageAnchorPosition(args.Lat, args.Lng),
+       text:      args.marker_title
+       }
+      );
+    } else {
+      marker = new Microsoft.Maps.Pushpin(this.createLatLng(args.Lat, args.Lng), {
+       draggable: args.marker_draggable,
+       anchor:    this.createImageAnchorPosition(args.Lat, args.Lng),
+       icon:      args.marker_picture,
+       height:    args.marker_height,
+       text:      args.marker_title,
+       width:     args.marker_width
+       }
+      );
      }
-    );
-   }
-  Gmaps4Rails.addToMap(marker);
-  return marker;
-};
+    this.addToMap(marker);
+    return marker;
+  };
+
+  // clear markers
+  this.clearMarkers = function() {  
+    for (var i = 0; i < this.markers.length; ++i) {
+      this.clearMarker(this.markers[i]);
+    }
+  };
 
-// clear markers
-Gmaps4Rails.clearMarkers = function() {  
-  for (var i = 0; i < this.markers.length; ++i) {
-    this.clearMarker(this.markers[i]);
-  }
-};
+  this.clearMarker = function(marker) {
+    this.removeFromMap(marker.serviceObject);
+  };
 
-Gmaps4Rails.clearMarker = function(marker) {
-  this.removeFromMap(marker.serviceObject);
-};
+  //show and hide markers
+  this.showMarkers = function() {
+    for (var i = 0; i < this.markers.length; ++i) {
+      this.showMarker(this.markers[i]);
+    }
+  };
 
-//show and hide markers
-Gmaps4Rails.showMarkers = function() {
-  for (var i = 0; i < this.markers.length; ++i) {
-    this.showMarker(this.markers[i]);
-  }
-};
+  this.showMarker = function(marker) {
+    marker.serviceObject.setOptions({ visible: true });
+  };
 
-Gmaps4Rails.showMarker = function(marker) {
-  marker.serviceObject.setOptions({ visible: true });
-};
+  this.hideMarkers = function() {
+    for (var i = 0; i < this.markers.length; ++i) {
+      this.hideMarker(this.markers[i]);
+    }
+  };
 
-Gmaps4Rails.hideMarkers = function() {
-  for (var i = 0; i < this.markers.length; ++i) {
-    this.hideMarker(this.markers[i]);
-  }
-};
+  this.hideMarker = function(marker) {
+    marker.serviceObject.setOptions({ visible: false });
+  };
 
-Gmaps4Rails.hideMarker = function(marker) {
-  marker.serviceObject.setOptions({ visible: false });
-};
+  this.extendBoundsWithMarkers = function(){
+    var locationsArray = [];
+    for (var i = 0; i <  this.markers.length; ++i) {
+      locationsArray.push(this.markers[i].serviceObject.getLocation());        
+    } 
+    this.boundsObject = Microsoft.Maps.LocationRect.fromLocations(locationsArray);
+  };
 
-Gmaps4Rails.extendBoundsWithMarkers = function(){
-  var locationsArray = [];
-  for (var i = 0; i <  this.markers.length; ++i) {
-    locationsArray.push(Gmaps4Rails.markers[i].serviceObject.getLocation());        
-  } 
-  Gmaps4Rails.boundsObject = Microsoft.Maps.LocationRect.fromLocations(locationsArray);
-};
 
+  ////////////////////////////////////////////////////
+  /////////////////// Clusterer //////////////////////
+  ////////////////////////////////////////////////////
 
-////////////////////////////////////////////////////
-/////////////////// Clusterer //////////////////////
-////////////////////////////////////////////////////
+  this.createClusterer = function(markers_array){
 
-Gmaps4Rails.createClusterer = function(markers_array){
+  };
 
-};
+  this.clearClusterer = function() {
+  };
 
-Gmaps4Rails.clearClusterer = function() {
-};
+  //creates clusters
+  this.clusterize = function()
+  {
 
-//creates clusters
-Gmaps4Rails.clusterize = function()
-{
+  };
 
-};
+  ////////////////////////////////////////////////////
+  /////////////////// INFO WINDOW ////////////////////
+  ////////////////////////////////////////////////////
 
-////////////////////////////////////////////////////
-/////////////////// INFO WINDOW ////////////////////
-////////////////////////////////////////////////////
-
-// creates infowindows
-Gmaps4Rails.createInfoWindow = function(marker_container){
-  var info_window;
-  if (Gmaps4Rails.exists(marker_container.description)) {
-    //create the infowindow
-    if (Gmaps4Rails.markers_conf.infobox == "description") {
-      marker_container.info_window = new Microsoft.Maps.Infobox(marker_container.serviceObject.getLocation(), { description: marker_container.description, visible: false, showCloseButton: true});  
-    }
-    else {
-      marker_container.info_window = new Microsoft.Maps.Infobox(marker_container.serviceObject.getLocation(), { htmlContent: marker_container.description, visible: false});
-    }
+  // creates infowindows
+  this.createInfoWindow = function(marker_container){
+    var info_window;
+    if (this.exists(marker_container.description)) {
+      //create the infowindow
+      if (this.markers_conf.infobox === "description") {
+        marker_container.info_window = new Microsoft.Maps.Infobox(marker_container.serviceObject.getLocation(), { description: marker_container.description, visible: false, showCloseButton: true});  
+      }
+      else {
+        marker_container.info_window = new Microsoft.Maps.Infobox(marker_container.serviceObject.getLocation(), { htmlContent: marker_container.description, visible: false});
+      }
                                      
-    //add the listener associated
-    Microsoft.Maps.Events.addHandler(marker_container.serviceObject, 'click', Gmaps4Rails.openInfoWindow(marker_container.info_window));
-    Gmaps4Rails.addToMap(marker_container.info_window);
-  }
-};
+      //add the listener associated
+      Microsoft.Maps.Events.addHandler(marker_container.serviceObject, 'click', this.openInfoWindow(marker_container.info_window));
+      this.addToMap(marker_container.info_window);
+    }
+  };
 
-Gmaps4Rails.openInfoWindow = function(infoWindow) {
-  return function() {
-      // Close the latest selected marker before opening the current one.
-      if (Gmaps4Rails.visibleInfoWindow) {
-        Gmaps4Rails.visibleInfoWindow.setOptions({ visible: false });
-      }
-      infoWindow.setOptions({ visible:true });
-      Gmaps4Rails.visibleInfoWindow = infoWindow;
-    };
-};
+  this.openInfoWindow = function(infoWindow) {
+    return function() {
+        // Close the latest selected marker before opening the current one.
+        if (this.visibleInfoWindow) {
+          this.visibleInfoWindow.setOptions({ visible: false });
+        }
+        infoWindow.setOptions({ visible:true });
+        this.visibleInfoWindow = infoWindow;
+      };
+  };
 
-////////////////////////////////////////////////////
-/////////////////// Other methods //////////////////
-////////////////////////////////////////////////////
+  ////////////////////////////////////////////////////
+  /////////////////// Other methods //////////////////
+  ////////////////////////////////////////////////////
 
-Gmaps4Rails.fitBounds = function(){
-  Gmaps4Rails.map.setView({bounds: Gmaps4Rails.boundsObject});
-};
+  this.fitBounds = function(){
+    this.map.setView({bounds: this.boundsObject});
+  };
 
-Gmaps4Rails.addToMap = function(object){
-  Gmaps4Rails.map.entities.push(object);
-};
+  this.addToMap = function(object){
+    this.map.entities.push(object);
+  };
+
+  this.removeFromMap = function(object){
+    this.map.entities.remove(object);
+  };
 
-Gmaps4Rails.removeFromMap = function(object){
-  console.log(object);
-  Gmaps4Rails.map.entities.remove(object);
+  this.centerMapOnUser = function(){
+    this.map.setView({ center: this.userLocation});
+  };
 };
 
-Gmaps4Rails.centerMapOnUser = function(){
-  Gmaps4Rails.map.setView({ center: Gmaps4Rails.userLocation});
-};
+Gmaps4RailsBing.prototype = new Gmaps4Rails();