gmaps4rails 0.11.1 → 1.0.0

data/public/javascripts/gmaps4rails/gmaps4rails.mapquest.js

@@ -1,172 +1,182 @@
-// http://www.mapquestapi.com/sdk/js/v6.0.0/poi.html
+var Gmaps4RailsMapquest = function() {
 
-//Map settings
-Gmaps4Rails.map_options.type =  "map";  // //map type (map, sat, hyb)
+  // http://www.mapquestapi.com/sdk/js/v6.0.0/poi.html
 
+  //Map settings
+  this.map_options = {
+    type:  "map"  // //map type (map, sat, hyb)
+  };
+  this.markers_conf = {};
 
-////////////////////////////////////////////////////
-/////////////// Basic Objects         //////////////
-////////////////////////////////////////////////////
+  this.mergeWithDefault("markers_conf");
+  this.mergeWithDefault("map_options");
 
-Gmaps4Rails.createPoint = function(lat, lng){
-  return new MQA.Poi({lat: lat, lng: lng});
-};
+  ////////////////////////////////////////////////////
+  /////////////// Basic Objects         //////////////
+  ////////////////////////////////////////////////////
 
-Gmaps4Rails.createLatLng = function(lat, lng){
-  return {lat: lat, lng: lng};
-};
+  this.createPoint = function(lat, lng){
+    return new MQA.Poi({lat: lat, lng: lng});
+  };
 
-Gmaps4Rails.createLatLngBounds = function(){
-};
+  this.createLatLng = function(lat, lng){
+    return {lat: lat, lng: lng};
+  };
 
+  this.createLatLngBounds = function(){
+  };
 
-Gmaps4Rails.createMap = function(){
-  var map = new MQA.TileMap(                            // Constructs an instance of MQA.TileMap
-    document.getElementById("mapQuest"),                //the id of the element on the page you want the map to be added into 
-    Gmaps4Rails.map_options.zoom,                       //intial zoom level of the map
-    {lat: Gmaps4Rails.map_options.center_latitude,      //the lat/lng of the map to center on
-     lng: Gmaps4Rails.map_options.center_longitude}, 
-    Gmaps4Rails.map_options.type);                                             //map type (map, sat, hyb)
-  MQA.withModule('zoomcontrol3', function() {
 
-    map.addControl(
-      new MQA.LargeZoomControl3(), 
-      new MQA.MapCornerPlacement(MQA.MapCorner.TOP_LEFT)
-    );
+  this.createMap = function(){
+    var map = new MQA.TileMap(                            // Constructs an instance of MQA.TileMap
+      document.getElementById(this.map_options.id),                //the id of the element on the page you want the map to be added into 
+      this.map_options.zoom,                       //intial zoom level of the map
+      {lat: this.map_options.center_latitude,      //the lat/lng of the map to center on
+       lng: this.map_options.center_longitude}, 
+      this.map_options.type);                                             //map type (map, sat, hyb)
+    MQA.withModule('zoomcontrol3', function() {
 
-  });
-  return map;
-};
+      map.addControl(
+        new MQA.LargeZoomControl3(), 
+        new MQA.MapCornerPlacement(MQA.MapCorner.TOP_LEFT)
+      );
 
-Gmaps4Rails.createMarkerImage = function(markerPicture, markerSize, origin, anchor, scaledSize) {
+    });
+    return map;
+  };
 
-};
+  this.createMarkerImage = function(markerPicture, markerSize, origin, anchor, scaledSize) {
 
+  };
 
-////////////////////////////////////////////////////
-////////////////////// Markers /////////////////////
-////////////////////////////////////////////////////
 
-Gmaps4Rails.createMarker = function(args){
+  ////////////////////////////////////////////////////
+  ////////////////////// Markers /////////////////////
+  ////////////////////////////////////////////////////
+
+  this.createMarker = function(args){
   
-  var marker = new MQA.Poi( {lat: args.Lat, lng: args.Lng} );
+    var marker = new MQA.Poi( {lat: args.Lat, lng: args.Lng} );
   
-  if (args.marker_picture !== "" ) { 
-    var icon = new MQA.Icon(args.marker_picture, args.marker_height, args.marker_width);
-    marker.setIcon(icon);
-    if(args.marker_anchor !== null) {
-      marker.setBias({x: args.marker_anchor[0], y: args.marker_anchor[1]});
+    if (args.marker_picture !== "" ) { 
+      var icon = new MQA.Icon(args.marker_picture, args.marker_height, args.marker_width);
+      marker.setIcon(icon);
+      if(args.marker_anchor !== null) {
+        marker.setBias({x: args.marker_anchor[0], y: args.marker_anchor[1]});
+      }
     }
-  }
 
-  if (args.shadow_picture !== "" ) { 
-    var icon = new MQA.Icon(args.shadow_picture, args.shadow_height, args.shadow_width);
-    marker.setShadow(icon);
+    if (args.shadow_picture !== "" ) { 
+      var icon = new MQA.Icon(args.shadow_picture, args.shadow_height, args.shadow_width);
+      marker.setShadow(icon);
     
-    if(args.shadow_anchor !== null) {
-      marker.setShadowOffset({x: args.shadow_anchor[0], y: args.shadow_anchor[1]});
-      }
-  }  
+      if(args.shadow_anchor !== null) {
+        marker.setShadowOffset({x: args.shadow_anchor[0], y: args.shadow_anchor[1]});
+        }
+    }  
 
-  Gmaps4Rails.addToMap(marker);
-  return marker;
-};
+    this.addToMap(marker);
+    return marker;
+  };
 
 
-// clear markers
-Gmaps4Rails.clearMarkers = function() {
-  for (var i = 0; i < this.markers.length; ++i) {
-    this.clearMarker(this.markers[i]);
-  }
-};
+  // clear markers
+  this.clearMarkers = function() {
+    for (var i = 0; i < this.markers.length; ++i) {
+      this.clearMarker(this.markers[i]);
+    }
+  };
 
-//show and hide markers
-Gmaps4Rails.showMarkers = function() {
-  for (var i = 0; i < this.markers.length; ++i) {
-    this.showMarker(this.markers[i]);
-  }
-};
+  //show and hide markers
+  this.showMarkers = function() {
+    for (var i = 0; i < this.markers.length; ++i) {
+      this.showMarker(this.markers[i]);
+    }
+  };
 
-Gmaps4Rails.hideMarkers = function() {
-  for (var i = 0; i < this.markers.length; ++i) {
-    this.hideMarker(this.markers[i]);
-  }
-};
+  this.hideMarkers = function() {
+    for (var i = 0; i < this.markers.length; ++i) {
+      this.hideMarker(this.markers[i]);
+    }
+  };
 
-Gmaps4Rails.clearMarker = function(marker) {
-  this.removeFromMap(marker.serviceObject);
-};
+  this.clearMarker = function(marker) {
+    this.removeFromMap(marker.serviceObject);
+  };
 
-Gmaps4Rails.showMarker = function(marker) {
-  // marker.serviceObject
-};
+  this.showMarker = function(marker) {
+    // marker.serviceObject
+  };
 
-Gmaps4Rails.hideMarker = function(marker) {
-  // marker.serviceObject
-};
+  this.hideMarker = function(marker) {
+    // marker.serviceObject
+  };
 
-Gmaps4Rails.extendBoundsWithMarkers = function(){
+  this.extendBoundsWithMarkers = function(){
   
-  if (Gmaps4Rails.markers.length >=2) {
-    Gmaps4Rails.boundsObject = new MQA.RectLL(Gmaps4Rails.markers[0].serviceObject.latLng, Gmaps4Rails.markers[1].serviceObject.latLng);
+    if (this.markers.length >=2) {
+      this.boundsObject = new MQA.RectLL(this.markers[0].serviceObject.latLng, this.markers[1].serviceObject.latLng);
     
-    for (var i = 2; i <  Gmaps4Rails.markers.length; ++i) {
-      Gmaps4Rails.boundsObject.extend(Gmaps4Rails.markers[i].serviceObject.latLng);
+      for (var i = 2; i <  this.markers.length; ++i) {
+        this.boundsObject.extend(this.markers[i].serviceObject.latLng);
+      }
     }
-  }
 
-};
+  };
 
-////////////////////////////////////////////////////
-/////////////////// Clusterer //////////////////////
-////////////////////////////////////////////////////
+  ////////////////////////////////////////////////////
+  /////////////////// Clusterer //////////////////////
+  ////////////////////////////////////////////////////
 
-Gmaps4Rails.createClusterer = function(markers_array){
+  this.createClusterer = function(markers_array){
 
-};
+  };
 
-Gmaps4Rails.clearClusterer = function() {
+  this.clearClusterer = function() {
 
-};
+  };
 
-//creates clusters
-Gmaps4Rails.clusterize = function()
-{
+  //creates clusters
+  this.clusterize = function()
+  {
 
-};
+  };
 
-////////////////////////////////////////////////////
-/////////////////// INFO WINDOW ////////////////////
-////////////////////////////////////////////////////
+  ////////////////////////////////////////////////////
+  /////////////////// INFO WINDOW ////////////////////
+  ////////////////////////////////////////////////////
 
-// creates infowindows
-Gmaps4Rails.createInfoWindow = function(marker_container){
-  marker_container.serviceObject.setInfoTitleHTML(marker_container.description);
-  //TODO: how to disable the mouseover display when using setInfoContentHTML?
-  //marker_container.serviceObject.setInfoContentHTML(marker_container.description);
-};
+  // creates infowindows
+  this.createInfoWindow = function(marker_container){
+    marker_container.serviceObject.setInfoTitleHTML(marker_container.description);
+    //TODO: how to disable the mouseover display when using setInfoContentHTML?
+    //marker_container.serviceObject.setInfoContentHTML(marker_container.description);
+  };
 
-////////////////////////////////////////////////////
-/////////////////// Other methods //////////////////
-////////////////////////////////////////////////////
+  ////////////////////////////////////////////////////
+  /////////////////// Other methods //////////////////
+  ////////////////////////////////////////////////////
 
-Gmaps4Rails.fitBounds = function(){
-  if (Gmaps4Rails.markers.length >=2) {
-    Gmaps4Rails.map.zoomToRect(Gmaps4Rails.boundsObject);
-  }
-  if (Gmaps4Rails.markers.length ==1 ) {
-    Gmaps4Rails.map.setCenter(Gmaps4Rails.markers[0].serviceObject.latLng);
-  }
-};
+  this.fitBounds = function(){
+    if (this.markers.length >=2) {
+      this.map.zoomToRect(this.boundsObject);
+    }
+    if (this.markers.length ==1 ) {
+      this.map.setCenter(this.markers[0].serviceObject.latLng);
+    }
+  };
 
-Gmaps4Rails.centerMapOnUser = function(){
-  Gmaps4Rails.map.setCenter(Gmaps4Rails.userLocation);
-};
+  this.centerMapOnUser = function(){
+    this.map.setCenter(this.userLocation);
+  };
 
-Gmaps4Rails.addToMap = function(object){
-  Gmaps4Rails.map.addShape(object);
-};
+  this.addToMap = function(object){
+    this.map.addShape(object);
+  };
+
+  this.removeFromMap = function(object){
+    this.map.removeShape(object);
+  }
+}
 
-Gmaps4Rails.removeFromMap = function(object){
-  Gmaps4Rails.map.removeShape(object);
-}
+Gmaps4RailsMapquest.prototype = new Gmaps4Rails();