gmaps4rails 1.0.2 → 1.1.0

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

@@ -1,206 +1,191 @@
-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
-       }
-      );
-     }
-    this.addToMap(marker);
-    return marker;
-  };
-
-  // clear markers
-  this.clearMarkers = function() {  
-    for (var i = 0; i < this.markers.length; ++i) {
-      this.clearMarker(this.markers[i]);
-    }
-  };
-
-  this.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]);
-    }
-  };
-
-  this.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]);
+(function() {
+  var __hasProp = Object.prototype.hasOwnProperty, __extends = function(child, parent) {
+    for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; }
+    function ctor() { this.constructor = child; }
+    ctor.prototype = parent.prototype;
+    child.prototype = new ctor;
+    child.__super__ = parent.prototype;
+    return child;
+  };
+  this.Gmaps4RailsBing = (function() {
+    __extends(Gmaps4RailsBing, Gmaps4Rails);
+    function Gmaps4RailsBing() {
+      Gmaps4RailsBing.__super__.constructor.apply(this, arguments);
+      this.map_options = {
+        type: "road"
+      };
+      this.markers_conf = {
+        infobox: "description"
+      };
+      this.mergeWithDefault("map_options");
+      this.mergeWithDefault("markers_conf");
     }
-  };
-
-  this.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);
-  };
-
-
-  ////////////////////////////////////////////////////
-  /////////////////// Clusterer //////////////////////
-  ////////////////////////////////////////////////////
-
-  this.createClusterer = function(markers_array){
-
-  };
-
-  this.clearClusterer = function() {
-  };
-
-  //creates clusters
-  this.clusterize = function()
-  {
-
-  };
-
-  ////////////////////////////////////////////////////
-  /////////////////// INFO WINDOW ////////////////////
-  ////////////////////////////////////////////////////
-
-  // 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});  
+    Gmaps4RailsBing.prototype.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;
       }
-      else {
-        marker_container.info_window = new Microsoft.Maps.Infobox(marker_container.serviceObject.getLocation(), { htmlContent: marker_container.description, visible: false});
+    };
+    Gmaps4RailsBing.prototype.createPoint = function(lat, lng) {
+      return new Microsoft.Maps.Point(lat, lng);
+    };
+    Gmaps4RailsBing.prototype.createLatLng = function(lat, lng) {
+      return new Microsoft.Maps.Location(lat, lng);
+    };
+    Gmaps4RailsBing.prototype.createLatLngBounds = function() {};
+    Gmaps4RailsBing.prototype.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
+      });
+    };
+    Gmaps4RailsBing.prototype.createSize = function(width, height) {
+      return new google.maps.Size(width, height);
+    };
+    Gmaps4RailsBing.prototype.createMarker = function(args) {
+      var marker, markerLatLng;
+      markerLatLng = this.createLatLng(args.Lat, args.Lng);
+      marker;
+      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
+        });
       }
-                                     
-      //add the listener associated
-      Microsoft.Maps.Events.addHandler(marker_container.serviceObject, 'click', this.openInfoWindow(marker_container.info_window));
-      this.addToMap(marker_container.info_window);
-    }
-  };
-
-  this.openInfoWindow = function(infoWindow) {
-    return function() {
-        // Close the latest selected marker before opening the current one.
-        if (this.visibleInfoWindow) {
-          this.visibleInfoWindow.setOptions({ visible: false });
+      this.addToMap(marker);
+      return marker;
+    };
+    Gmaps4RailsBing.prototype.clearMarkers = function() {
+      var marker, _i, _len, _ref, _results;
+      _ref = this.markers;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        marker = _ref[_i];
+        _results.push(this.clearMarker(marker));
+      }
+      return _results;
+    };
+    Gmaps4RailsBing.prototype.clearMarker = function(marker) {
+      return this.removeFromMap(marker.serviceObject);
+    };
+    Gmaps4RailsBing.prototype.showMarkers = function() {
+      var marker, _i, _len, _ref, _results;
+      _ref = this.markers;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        marker = _ref[_i];
+        _results.push(this.showMarker(marker));
+      }
+      return _results;
+    };
+    Gmaps4RailsBing.prototype.showMarker = function(marker) {
+      return marker.serviceObject.setOptions({
+        visible: true
+      });
+    };
+    Gmaps4RailsBing.prototype.hideMarkers = function() {
+      var marker, _i, _len, _ref, _results;
+      _ref = this.markers;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        marker = _ref[_i];
+        _results.push(this.hideMarker(marker));
+      }
+      return _results;
+    };
+    Gmaps4RailsBing.prototype.hideMarker = function(marker) {
+      return marker.serviceObject.setOptions({
+        visible: false
+      });
+    };
+    Gmaps4RailsBing.prototype.extendBoundsWithMarkers = function() {
+      var locationsArray, marker, _i, _len, _ref;
+      locationsArray = [];
+      _ref = this.markers;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        marker = _ref[_i];
+        locationsArray.push(marker.serviceObject.getLocation());
+      }
+      return this.boundsObject = Microsoft.Maps.LocationRect.fromLocations(locationsArray);
+    };
+    Gmaps4RailsBing.prototype.createClusterer = function(markers_array) {};
+    Gmaps4RailsBing.prototype.clearClusterer = function() {};
+    Gmaps4RailsBing.prototype.clusterize = function() {};
+    Gmaps4RailsBing.prototype.createInfoWindow = function(marker_container) {
+      var currentMap;
+      if (marker_container.description != null) {
+        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
+          });
         }
-        infoWindow.setOptions({ visible:true });
-        this.visibleInfoWindow = infoWindow;
+        currentMap = this;
+        Microsoft.Maps.Events.addHandler(marker_container.serviceObject, 'click', this.openInfoWindow(currentMap, marker_container.info_window));
+        return this.addToMap(marker_container.info_window);
+      }
+    };
+    Gmaps4RailsBing.prototype.openInfoWindow = function(currentMap, infoWindow) {
+      return function() {
+        if (currentMap.visibleInfoWindow) {
+          currentMap.visibleInfoWindow.setOptions({
+            visible: false
+          });
+        }
+        infoWindow.setOptions({
+          visible: true
+        });
+        return currentMap.visibleInfoWindow = infoWindow;
       };
-  };
-
-  ////////////////////////////////////////////////////
-  /////////////////// Other methods //////////////////
-  ////////////////////////////////////////////////////
-
-  this.fitBounds = function(){
-    this.map.setView({bounds: this.boundsObject});
-  };
-
-  this.addToMap = function(object){
-    this.map.entities.push(object);
-  };
-
-  this.removeFromMap = function(object){
-    this.map.entities.remove(object);
-  };
-
-  this.centerMapOnUser = function(){
-    this.map.setView({ center: this.userLocation});
-  };
-};
-
-Gmaps4RailsBing.prototype = new Gmaps4Rails();
+    };
+    Gmaps4RailsBing.prototype.fitBounds = function() {
+      return this.map.setView({
+        bounds: this.boundsObject
+      });
+    };
+    Gmaps4RailsBing.prototype.addToMap = function(object) {
+      return this.map.entities.push(object);
+    };
+    Gmaps4RailsBing.prototype.removeFromMap = function(object) {
+      return this.map.entities.remove(object);
+    };
+    Gmaps4RailsBing.prototype.centerMapOnUser = function() {
+      return this.map.setView({
+        center: this.userLocation
+      });
+    };
+    return Gmaps4RailsBing;
+  })();
+}).call(this);

data/public/javascripts/gmaps4rails/gmaps4rails.googlemaps.js

@@ -1,306 +1,276 @@
-var Gmaps4RailsGoogle = function() {
-  
-  //Map settings
-  this.map_options = {
-    disableDefaultUI:       false,
-    disableDoubleClickZoom: false,
-    type:                   "ROADMAP" // HYBRID, ROADMAP, SATELLITE, TERRAIN
+(function() {
+  var __hasProp = Object.prototype.hasOwnProperty, __extends = function(child, parent) {
+    for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; }
+    function ctor() { this.constructor = child; }
+    ctor.prototype = parent.prototype;
+    child.prototype = new ctor;
+    child.__super__ = parent.prototype;
+    return child;
   };
-  
-  this.mergeWithDefault("map_options");
-  
-  //markers + info styling
-  this.markers_conf = {
-    clusterer_gridSize:      50,
-    clusterer_maxZoom:       5,
-    custom_cluster_pictures: null,
-    custom_infowindow_class: null  
-  };
-  
-  this.mergeWithDefault("markers_conf");
-  
-  this.kml_options = {
-    clickable: true,
-    preserveViewport: false,
-    suppressInfoWindows: false
-  }; 
-  
-  //Polygon Styling
-  this.polygons_conf = {        // default style for polygons
-    strokeColor: "#FFAA00",
-    strokeOpacity: 0.8,
-    strokeWeight: 2,
-    fillColor: "#000000",
-    fillOpacity: 0.35
-  };
-
-  //Polyline Styling
-  this.polylines_conf = {           //default style for polylines
-    strokeColor: "#FF0000",
-    strokeOpacity: 1,
-    strokeWeight: 2
-  };
-
-  //Circle Styling	
-  this.circles_conf = {             //default style for circles
-    fillColor: "#00AAFF",
-    fillOpacity: 0.35,
-    strokeColor: "#FFAA00",
-    strokeOpacity: 0.8,
-    strokeWeight: 2,
-    clickable: false,
-    zIndex: null
-  };
-
-  //Direction Settings
-  this.direction_conf = {
-    panel_id:           null,
-    display_panel:      false,
-    origin:             null, 
-    destination:        null,
-    waypoints:          [],       //[{location: "toulouse,fr", stopover: true}, {location: "Clermont-Ferrand, fr", stopover: true}]
-    optimizeWaypoints:  false,
-    unitSystem:         "METRIC", //IMPERIAL
-    avoidHighways:      false,
-    avoidTolls:         false,
-    region:             null, 
-    travelMode:         "DRIVING" //WALKING, BICYCLING
-  };
-
-  ////////////////////////////////////////////////////
-  /////////////// Basic Objects         //////////////
-  ////////////////////////////////////////////////////
-
-  this.createPoint = function(lat, lng){
-    return new google.maps.Point(lat, lng);
-  };
-
-  this.createLatLng = function(lat, lng){
-    return new google.maps.LatLng(lat, lng);
-  };
-
-  this.createLatLngBounds = function(){
-    return new google.maps.LatLngBounds();
-  };
-
-  this.createMap = function(){
-    return new google.maps.Map(document.getElementById(this.map_options.id), {
-      maxZoom:                this.map_options.maxZoom,
-      minZoom:                this.map_options.minZoom,
-      zoom:                   this.map_options.zoom,
-      center:                 this.createLatLng(this.map_options.center_latitude, this.map_options.center_longitude),
-      mapTypeId:              google.maps.MapTypeId[this.map_options.type],
-      mapTypeControl:         this.map_options.mapTypeControl,
-      disableDefaultUI:       this.map_options.disableDefaultUI,
-      disableDoubleClickZoom: this.map_options.disableDoubleClickZoom,
-      draggable:              this.map_options.draggable
-    });
-  };
-
-  this.createMarkerImage = function(markerPicture, markerSize, origin, anchor, scaledSize) {
-    return new google.maps.MarkerImage(markerPicture, markerSize, origin, anchor, scaledSize);
-  };
-
-
-  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); 
-
-    // Marker sizes are expressed as a Size of X,Y
-    if (args.marker_picture === "" && args.rich_marker === null) { 
-      return new google.maps.Marker({position: markerLatLng, map: this.map, title: args.marker_title, draggable: args.marker_draggable});
-    } 
-    else if (args.rich_marker !== null){
-      return new RichMarker({position: markerLatLng,
-        map: this.map,
-        draggable: args.marker_draggable,
-        content: args.rich_marker,
-        flat: args.marker_anchor === null ? false : args.marker_anchor[1],
-        anchor: args.marker_anchor === null ? 0 : args.marker_anchor[0]
-      });
-    }
-    else {
-      // calculate MarkerImage anchor location
-      var imageAnchorPosition  = this.createImageAnchorPosition(args.marker_anchor);
-      var shadowAnchorPosition = this.createImageAnchorPosition(args.shadow_anchor);
-
-      //create or retrieve existing MarkerImages
-      var markerImage = this.createOrRetrieveImage(args.marker_picture, args.marker_width, args.marker_height, imageAnchorPosition);
-      var shadowImage = this.createOrRetrieveImage(args.shadow_picture, args.shadow_width, args.shadow_height, shadowAnchorPosition);
-      return new google.maps.Marker({position: markerLatLng, map: this.map, icon: markerImage, title: args.marker_title, draggable: args.marker_draggable, shadow: shadowImage});
-    }
-  };
-
-  //checks if obj is included in arr Array and returns the position or false
-  this.includeMarkerImage = function(arr, obj) {
-    for(var i=0; i<arr.length; i++) {
-      if (arr[i].url == obj) {return i;}
-    }
-    return false;
-  };
-
-  // checks if MarkerImage exists before creating a new one
-  // returns a MarkerImage or false if ever something wrong is passed as argument
-  this.createOrRetrieveImage = function(currentMarkerPicture, markerWidth, markerHeight, imageAnchorPosition){
-    if (currentMarkerPicture === "" || currentMarkerPicture === null )
-    { return null;}
-
-    var test_image_index = this.includeMarkerImage(this.markerImages, currentMarkerPicture);		
-    switch (test_image_index)
-    { 
-      case false:
-      var markerImage = this.createMarkerImage(currentMarkerPicture, this.createSize(markerWidth, markerHeight), null, imageAnchorPosition, null );
-      this.markerImages.push(markerImage);
-      return markerImage;  	
-      break; 
-      default:
-      if (typeof test_image_index == 'number') { return this.markerImages[test_image_index]; }
-      else { return false; }
-      break; 
-    }		
-  };
-
-  // clear markers
-  this.clearMarkers = function() {
-    for (var i = 0; i < this.markers.length; ++i) {
-      this.clearMarker(this.markers[i]);
+  this.Gmaps4RailsGoogle = (function() {
+    __extends(Gmaps4RailsGoogle, Gmaps4Rails);
+    function Gmaps4RailsGoogle() {
+      Gmaps4RailsGoogle.__super__.constructor.apply(this, arguments);
+      this.map_options = {
+        disableDefaultUI: false,
+        disableDoubleClickZoom: false,
+        type: "ROADMAP"
+      };
+      this.markers_conf = {
+        clusterer_gridSize: 50,
+        clusterer_maxZoom: 5,
+        custom_cluster_pictures: null,
+        custom_infowindow_class: null
+      };
+      this.mergeWithDefault("map_options");
+      this.mergeWithDefault("markers_conf");
+      this.kml_options = {
+        clickable: true,
+        preserveViewport: false,
+        suppressInfoWindows: false
+      };
+      this.polygons_conf = {
+        strokeColor: "#FFAA00",
+        strokeOpacity: 0.8,
+        strokeWeight: 2,
+        fillColor: "#000000",
+        fillOpacity: 0.35
+      };
+      this.polylines_conf = {
+        strokeColor: "#FF0000",
+        strokeOpacity: 1,
+        strokeWeight: 2
+      };
+      this.circles_conf = {
+        fillColor: "#00AAFF",
+        fillOpacity: 0.35,
+        strokeColor: "#FFAA00",
+        strokeOpacity: 0.8,
+        strokeWeight: 2,
+        clickable: false,
+        zIndex: null
+      };
+      this.direction_conf = {
+        panel_id: null,
+        display_panel: false,
+        origin: null,
+        destination: null,
+        waypoints: [],
+        optimizeWaypoints: false,
+        unitSystem: "METRIC",
+        avoidHighways: false,
+        avoidTolls: false,
+        region: null,
+        travelMode: "DRIVING"
+      };
     }
-  };
-
-  //show and hide markers
-  this.showMarkers = function() {
-    for (var i = 0; i < this.markers.length; ++i) {
-      this.showMarker(this.markers[i]);
-    }
-  };
-
-  this.hideMarkers = function() {
-    for (var i = 0; i < this.markers.length; ++i) {
-      this.hideMarker(this.markers[i]);
-    }
-  };
-
-  this.clearMarker = function(marker) {
-    marker.serviceObject.setMap(null);
-  };
-
-  this.showMarker = function(marker) {
-    marker.serviceObject.setVisible(true);
-  };
-
-  this.hideMarker = function(marker) {
-    marker.serviceObject.setVisible(false);
-  };
-
-  this.extendBoundsWithMarkers = function(){
-    for (var i = 0; i <  this.markers.length; ++i) {
-      this.boundsObject.extend(this.markers[i].serviceObject.position);
-    }
-  };
-
-  ////////////////////////////////////////////////////
-  /////////////////// Clusterer //////////////////////
-  ////////////////////////////////////////////////////
-
-  this.createClusterer = function(markers_array){
-    return new MarkerClusterer( this.map,
-      markers_array, 
-      {	maxZoom: this.markers_conf.clusterer_maxZoom, gridSize: this.markers_conf.clusterer_gridSize, styles: this.customClusterer() }
-    );	
-  };
-
-  this.clearClusterer = function() {
-    this.markerClusterer.clearMarkers();
-  };
-
-  //creates clusters
-  this.clusterize = function()
-  {
-    if (this.markers_conf.do_clustering === true)
-    {
-      //first clear the existing clusterer if any
-      if (this.markerClusterer !== null) {
-        this.clearClusterer();
+    Gmaps4RailsGoogle.prototype.createPoint = function(lat, lng) {
+      return new google.maps.Point(lat, lng);
+    };
+    Gmaps4RailsGoogle.prototype.createLatLng = function(lat, lng) {
+      return new google.maps.LatLng(lat, lng);
+    };
+    Gmaps4RailsGoogle.prototype.createLatLngBounds = function() {
+      return new google.maps.LatLngBounds();
+    };
+    Gmaps4RailsGoogle.prototype.createMap = function() {
+      return new google.maps.Map(document.getElementById(this.map_options.id), {
+        maxZoom: this.map_options.maxZoom,
+        minZoom: this.map_options.minZoom,
+        zoom: this.map_options.zoom,
+        center: this.createLatLng(this.map_options.center_latitude, this.map_options.center_longitude),
+        mapTypeId: google.maps.MapTypeId[this.map_options.type],
+        mapTypeControl: this.map_options.mapTypeControl,
+        disableDefaultUI: this.map_options.disableDefaultUI,
+        disableDoubleClickZoom: this.map_options.disableDoubleClickZoom,
+        draggable: this.map_options.draggable
+      });
+    };
+    Gmaps4RailsGoogle.prototype.createMarkerImage = function(markerPicture, markerSize, origin, anchor, scaledSize) {
+      return new google.maps.MarkerImage(markerPicture, markerSize, origin, anchor, scaledSize);
+    };
+    Gmaps4RailsGoogle.prototype.createSize = function(width, height) {
+      return new google.maps.Size(width, height);
+    };
+    Gmaps4RailsGoogle.prototype.createMarker = function(args) {
+      var imageAnchorPosition, markerImage, markerLatLng, shadowAnchorPosition, shadowImage;
+      markerLatLng = this.createLatLng(args.Lat, args.Lng);
+      if (args.marker_picture && args.rich_marker === null) {
+        return new google.maps.Marker({
+          position: markerLatLng,
+          map: this.map,
+          title: args.marker_title,
+          draggable: args.marker_draggable
+        });
+      } else if (args.rich_marker !== null) {
+        return new RichMarker({
+          position: markerLatLng,
+          map: this["this"].map,
+          draggable: args.marker_draggable,
+          content: args.rich_marker,
+          flat: args.marker_anchor === null ? false : args.marker_anchor[1],
+          anchor: args.marker_anchor === null ? 0 : args.marker_anchor[0]
+        });
+      } else {
+        imageAnchorPosition = this.createImageAnchorPosition(args.marker_anchor);
+        shadowAnchorPosition = this.createImageAnchorPosition(args.shadow_anchor);
+        markerImage = this.createOrRetrieveImage(args.marker_picture, args.marker_width, args.marker_height, imageAnchorPosition);
+        shadowImage = this.createOrRetrieveImage(args.shadow_picture, args.shadow_width, args.shadow_height, shadowAnchorPosition);
+        return new google.maps.Marker({
+          position: markerLatLng,
+          map: this.map,
+          icon: markerImage,
+          title: args.marker_title,
+          draggable: args.marker_draggable,
+          shadow: shadowImage
+        });
       }
-
-      var markers_array = new Array;
-      for (var i = 0; i <  this.markers.length; ++i) {
-        markers_array.push(this.markers[i].serviceObject);
+    };
+    Gmaps4RailsGoogle.prototype.includeMarkerImage = function(arr, obj) {
+      var index, object, _len;
+      for (index = 0, _len = arr.length; index < _len; index++) {
+        object = arr[index];
+        if (object.url === obj) {
+          return index;
+        }
       }
-
-      this.markerClusterer = this.createClusterer(markers_array);
-    }
-  };
-
-  ////////////////////////////////////////////////////
-  /////////////////// INFO WINDOW ////////////////////
-  ////////////////////////////////////////////////////
-
-  // creates infowindows
-  this.createInfoWindow = function(marker_container){
-    var info_window;
-    if (this.markers_conf.custom_infowindow_class === null && this.exists(marker_container.description)) {
-      //create the infowindow
-      info_window = new google.maps.InfoWindow({content: marker_container.description });
-      //add the listener associated
-      google.maps.event.addListener(marker_container.serviceObject, 'click', this.openInfoWindow(info_window, marker_container.serviceObject));
-    }
-    else { //creating custom infowindow
-      if (this.exists(marker_container.description)) {
-        var boxText = document.createElement("div");
-        boxText.setAttribute("class", this.markers_conf.custom_infowindow_class); //to customize
-        boxText.innerHTML = marker_container.description;	
-        info_window = new InfoBox(this.infobox(boxText));
-        google.maps.event.addListener(marker_container.serviceObject, 'click', this.openInfoWindow(info_window, marker_container.serviceObject));
+      return false;
+    };
+    Gmaps4RailsGoogle.prototype.createOrRetrieveImage = function(currentMarkerPicture, markerWidth, markerHeight, imageAnchorPosition) {
+      var markerImage, test_image_index;
+      if (currentMarkerPicture === "" || currentMarkerPicture === null) {
+        return null;
       }
-    }
-  };
-
-  this.openInfoWindow = function(infoWindow, marker) {
-    return function() {
-      // Close the latest selected marker before opening the current one.
-      if (this.visibleInfoWindow) {
-        this.visibleInfoWindow.close();
+      test_image_index = this.includeMarkerImage(this.markerImages, currentMarkerPicture);
+      switch (test_image_index) {
+        case false:
+          markerImage = this.createMarkerImage(currentMarkerPicture, this.createSize(markerWidth, markerHeight), null, imageAnchorPosition, null);
+          this.markerImages.push(markerImage);
+          return markerImage;
+          break;
+        default:
+          if (typeof test_image_index === 'number') {
+            return this.markerImages[test_image_index];
+          }
+          return false;
       }
-
-      infoWindow.open(this.map, marker);
-      this.visibleInfoWindow = infoWindow;
     };
-  };
-  
-  ////////////////////////////////////////////////////
-  /////////////////        KML      //////////////////
-  ////////////////////////////////////////////////////
-  
-  this.createKmlLayer = function(kml){
-    var kml_options = kml.options || {};
-    kml_options = this.mergeObjectWithDefault(kml_options, this.kml_options);
-    var kml =  new google.maps.KmlLayer( kml.url,
-                                         kml_options 
-                                       );
-    kml.setMap(this.map);
-    return kml;                     
-  };
-
-
-  ////////////////////////////////////////////////////
-  /////////////////// Other methods //////////////////
-  ////////////////////////////////////////////////////
-
-  this.fitBounds = function(){
-    this.map.fitBounds(this.boundsObject); 
-  };
-
-  this.centerMapOnUser = function(){
-    this.map.setCenter(this.userLocation);
-  };
-};
-
-Gmaps4RailsGoogle.prototype = new Gmaps4Rails();
+    Gmaps4RailsGoogle.prototype.clearMarkers = function() {
+      var marker, _i, _len, _ref, _results;
+      _ref = this.markers;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        marker = _ref[_i];
+        _results.push(this.clearMarker(marker));
+      }
+      return _results;
+    };
+    Gmaps4RailsGoogle.prototype.showMarkers = function() {
+      var marker, _i, _len, _ref, _results;
+      _ref = this.markers;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        marker = _ref[_i];
+        _results.push(this.showMarker(marker));
+      }
+      return _results;
+    };
+    Gmaps4RailsGoogle.prototype.hideMarkers = function() {
+      var marker, _i, _len, _ref, _results;
+      _ref = this.markers;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        marker = _ref[_i];
+        _results.push(this.hideMarker(marker));
+      }
+      return _results;
+    };
+    Gmaps4RailsGoogle.prototype.clearMarker = function(marker) {
+      return marker.serviceObject.setMap(null);
+    };
+    Gmaps4RailsGoogle.prototype.showMarker = function(marker) {
+      return marker.serviceObject.setVisible(true);
+    };
+    Gmaps4RailsGoogle.prototype.hideMarker = function(marker) {
+      return marker.serviceObject.setVisible(false);
+    };
+    Gmaps4RailsGoogle.prototype.extendBoundsWithMarkers = function() {
+      var marker, _i, _len, _ref, _results;
+      _ref = this.markers;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        marker = _ref[_i];
+        _results.push(this.boundsObject.extend(marker.serviceObject.position));
+      }
+      return _results;
+    };
+    Gmaps4RailsGoogle.prototype.createClusterer = function(markers_array) {
+      return new MarkerClusterer(this.map, markers_array, {
+        maxZoom: this.markers_conf.clusterer_maxZoom,
+        gridSize: this.markers_conf.clusterer_gridSize,
+        styles: this.customClusterer()
+      });
+    };
+    Gmaps4RailsGoogle.prototype.clearClusterer = function() {
+      return this.markerClusterer.clearMarkers();
+    };
+    Gmaps4RailsGoogle.prototype.clusterize = function() {
+      var marker, markers_array, _i, _len, _ref;
+      if (this.markers_conf.do_clustering === true) {
+        if (this.markerClusterer !== null) {
+          this.clearClusterer();
+        }
+        markers_array = new Array;
+        _ref = this.markers;
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          marker = _ref[_i];
+          markers_array.push(marker.serviceObject);
+        }
+        return this.markerClusterer = this.createClusterer(markers_array);
+      }
+    };
+    Gmaps4RailsGoogle.prototype.createInfoWindow = function(marker_container) {
+      var boxText, currentMap, info_window;
+      if (this.markers_conf.custom_infowindow_class === null && (marker_container.description != null)) {
+        info_window = new google.maps.InfoWindow({
+          content: marker_container.description
+        });
+        currentMap = this;
+        return google.maps.event.addListener(marker_container.serviceObject, 'click', this.openInfoWindow(currentMap, info_window, marker_container.serviceObject));
+      } else {
+        if (marker_container.description != null) {
+          boxText = document.createElement("div");
+          boxText.setAttribute("class", this.markers_conf.custom_infowindow_class);
+          boxText.innerHTML = marker_container.description;
+          info_window = new InfoBox(this.infobox(boxText));
+          currentMap = this;
+          return google.maps.event.addListener(marker_container.serviceObject, 'click', this.openInfoWindow(currentMap, info_window, marker_container.serviceObject));
+        }
+      }
+    };
+    Gmaps4RailsGoogle.prototype.openInfoWindow = function(currentMap, infoWindow, marker) {
+      return function() {
+        if (currentMap.visibleInfoWindow !== null) {
+          currentMap.visibleInfoWindow.close();
+        }
+        infoWindow.open(currentMap.map, marker);
+        return currentMap.visibleInfoWindow = infoWindow;
+      };
+    };
+    Gmaps4RailsGoogle.prototype.createKmlLayer = function(kml) {
+      var kml_options;
+      kml_options = kml.options || {};
+      kml_options = this.mergeObjectWithDefault(kml_options, this.kml_options);
+      kml = new google.maps.KmlLayer(kml.url, kml_options);
+      kml.setMap(this.map);
+      return kml;
+    };
+    Gmaps4RailsGoogle.prototype.fitBounds = function() {
+      return this.map.fitBounds(this.boundsObject);
+    };
+    Gmaps4RailsGoogle.prototype.centerMapOnUser = function() {
+      return this.map.setCenter(this.userLocation);
+    };
+    return Gmaps4RailsGoogle;
+  })();
+}).call(this);