gmapz 2.0.9

data/src/js/gmapz/gmapz.autocomplete.js

@@ -0,0 +1,109 @@
+//
+// Creates instances of GMapz autocomplete
+//
+GMapz.autocomplete = (function() {
+
+  function Constructor($input, user_settings) {
+
+    if($input.length === 0) {
+      if (GMapz.debug) console.warn("<input> '"+$input.selector+"' not found!");
+      return false;
+    }
+
+    // Autocomplete
+    this.$input = $input;   // JQuery selector
+    this.input_id = null; // string ID
+    this.instance = null;
+    this.listener = null;
+
+    // User settings
+    if(typeof user_setting === 'undefined') {
+      user_settings = {};
+    }
+
+    // Data and internal config
+    this.config = {
+      is_initialized: false,
+    };
+
+    // ID único del mapa
+    if (this.$input.attr('data-gmapz-autocomplete')) {
+      this.input_id = this.$input.attr('data-gmapz-autocomplete');
+    } else {
+      this.input_id = GMapz.getUniqueId(8,'ac-');
+      this.$input.attr('data-gmapz-autocomplete', this.input_id);
+    }
+
+    // Autocomplete settings on initialization
+    this.autocomplete_settings = {
+      types: ['geocode'],
+      offset: 3 //,
+      // componentRestrictions: { 'country': 'es' }
+    };
+
+    // Extend settings
+    $.extend(this.autocomplete_settings, user_settings);
+
+    // Attach objecto DOM element
+    $input[0].gmapz = this;
+
+    // Request GM Api, instanceReady() will be called when done
+    GMapz.requestAPI();
+  }
+
+  Constructor.prototype = {
+
+    //
+    // Methods
+    //
+
+    instanceReady: function(e) {
+      if (GMapz.debug) console.info("'"+this.input_id+"' instance initialized");
+
+      var that = this;
+
+      this.config.is_initialized = true;
+
+      this.instance = new google.maps.places.Autocomplete(
+        this.$input[0],
+        this.autocomplete_settings
+      );
+
+      this.listener = google.maps.event.addListener(this.instance, 'place_changed', function(){
+        that.onChange(this);
+      });
+
+      this.onReady();
+    },
+
+    //
+    // Eventos
+    //
+
+    // Override from outside
+    onReady: function() {
+      if (GMapz.debug) console.info("'"+this.input_id+"' autocomplete instance is ready");
+    },
+
+    // Override from outside
+    onChange: function () {
+      /*
+      map_5.deleteAllMarkers();
+      var locs = {};
+      var place = this.instance.getPlace();
+      locs['autocomplete'] = {
+        lat: place.geometry.location.A,
+        lng: place.geometry.location.F,
+        draggable:true,
+        title:"Drag me!"
+      };
+      map_5.fitToPlace(place);
+      */
+    }
+
+  };
+
+  return Constructor;
+
+})();
+

data/src/js/gmapz/gmapz.js

@@ -0,0 +1,179 @@
+/*
+ ====================================
+ GMapz. Yet another gmaps manager
+ by carlos Cabo 2015. V.2.09
+ https://github.com/carloscabo/gmapz
+ ====================================
+*/
+
+/**
+ * Core and general tools
+ */
+(function($, undefined) {
+  'use strict';
+
+  // Singleton
+  if (typeof window.GMapz !== 'undefined') {
+    return;
+  }
+
+  //
+  // Module general vars
+  //
+  var
+    v = '2.09',
+    debug = false,
+    data = {
+      map_api_requested: false,
+      map_api_ready: false
+    },
+    pins = null,
+    lang = '',
+    APIKEY = '';
+
+  //
+  // Methods
+  //
+
+  // Return uniqueID string.
+  function getUniqueId (len, prefix) {
+    var
+      chars = 'abcdefghiklmnopqrstuvwxyzABCDEFGHIKLMNOPQRSTUVWXYZ'.split(''),
+      uniqid = '';
+    if (!len) { len = Math.floor(Math.random() * chars.length); }
+    for (var i = 0; i < len; i++) {
+      uniqid += chars[Math.floor(Math.random() * chars.length)];
+    }
+    if (prefix) {
+      uniqid = prefix + uniqid;
+    }
+    // one last step is to check if this ID is already taken by an element before
+    return uniqid;
+  }
+
+  // Request API
+  function requestAPI (callback_fn) {
+    if (!data.map_api_requested) {
+      if (typeof callback_fn === 'undefined') {
+        callback_fn = 'GMapz.onApiReady';
+      }
+      data.map_api_requested = true;
+      loadScript( callback_fn );
+    }
+  }
+
+  // Inject GM Api
+  function loadScript (callback_fn) {
+    if (lang === '') {
+      lang = $('html').attr('lang') || $('html').attr('xml:lang') || 'en';
+    }
+    var
+      script = document.createElement('script'),
+      url = 'https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places&language='+lang+'&callback='+callback_fn;
+    if (GMapz.APIKEY !== '') {
+      url += '&key='+GMapz.APIKEY;
+    }
+    script.type = 'text/javascript';
+    script.src = url;
+    document.body.appendChild(script);
+  }
+
+  // Override from outside
+  function onGoogleMapsReady() {
+    // Do nothing
+  }
+
+  function onApiReady() {
+    data.map_api_ready = true;
+
+    if (this.debug) console.info('google.maps api loaded -> call gmapz.maps / autocomplete instances');
+
+    GMapz.onGoogleMapsReady();
+
+    // Prepare custom if any pins (we need google.maps)
+    if(GMapz.pins) {
+      GMapz.createCustomPins();
+    }
+
+    // Alert each map instance
+    $('[data-gmapz], [data-gmapz-autocomplete]').each(function(idx, el) {
+      $(el)[0].gmapz.instanceReady();
+    });
+  }
+
+  // Pin creation
+  function createCustomPins() {
+    var _p = $.extend(true, {}, this.pins); // Clone
+    this.pins = {}; // Erase
+
+    // Create pins
+    for (var key in _p) {
+      // Pins
+      if (_p.hasOwnProperty(key) && _p[key].pin.img) {
+        this.pins[key] = {};
+        this.pins[key].pin = new google.maps.MarkerImage(_p[key].pin.img,
+          // width / height
+          new google.maps.Size(_p[key].pin.size[0], _p[key].pin.size[1]),
+          // origin
+          new google.maps.Point(0,0),
+          // anchor point
+          new google.maps.Point(_p[key].pin.anchor[0], _p[key].pin.anchor[1])
+        );
+      }
+    }
+  }
+
+  // Given a center (cx, cy) and a corner (rx, ry)
+  // Returns the opposite corner of rectangle
+  function getOppositeCorner(cx, cy, rx, ry) {
+    var
+      x = cx + (cx - rx),
+      y = cy + (cy - ry);
+    return new google.maps.LatLng(x,y);
+  }
+
+  // Converts google.maps bounds object into "NW_lat, NW_lng, SE_lat, SE_lng" sting
+  function serializeBounds (bounds) {
+    var
+      sw = bounds.getSouthWest(),
+      ne = bounds.getNorthEast();
+    return [sw.lat(), sw.lng(), ne.lat(), ne.lng()].join(',');
+  }
+
+  // Initialize buttons to control the map(s)
+  // Buttons may have data-gmapz-target attribute, read the doc
+  // For functionallity
+  function attachActionButtons () {
+    // Generic elements but select / <a>
+    $(document).on('click', '*[data-gmapz-target]:not(select)', function (e) {
+      e.preventDefault();
+      var
+        target  = $(this).attr('data-gmapz-target');
+      // Get all data attributes ans send them to gmapz handler and the element
+      $('[data-gmapz="'+target+'"]')[0].gmapz.btnAction($(this).data(), $(this));
+    }).on('change', 'select[data-gmapz-target]', function (e) {
+      // <select>
+      var
+        target  = $(this).attr('data-gmapz-target');
+      $('[data-gmapz="'+target+'"]')[0].gmapz.btnAction($(this).find('option:selected').data());
+    });
+
+  }
+
+  //
+  // Public methods / properties
+  //
+  window.GMapz = {
+    onGoogleMapsReady: onGoogleMapsReady,
+    attachActionButtons: attachActionButtons,
+    getOppositeCorner: getOppositeCorner,
+    createCustomPins: createCustomPins,
+    onApiReady: onApiReady,
+    requestAPI: requestAPI,
+    getUniqueId: getUniqueId,
+    debug: debug,
+    data: data,
+    pins: pins // Custom pins
+  };
+
+}(jQuery));

data/src/js/gmapz/gmapz.locations.js

@@ -0,0 +1,474 @@
+// You can include this data wherever you want
+
+// Data
+spain_locs = {
+  1: { // LOCATION IDX MUST BE UNIQUE
+    lat: 42.5868,
+    lng: 0.9745,
+    iw: 'idx:1 <br>Aigüestortes i Estany de Sant Maurici.<br>Lérida, Cataluña<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_de_Aig%C3%BCestortes_y_Lago_de_San_Mauricio">Wikipedia</a>'
+  },
+  289: {
+    lat: 39.158333,
+    lng: 2.966667,
+    iw: 'idx: 289<br>Archipiélago de Cabrera<br>Islas Baleares<a href="http://es.wikipedia.org/wiki/Parque_nacional_mar%C3%ADtimo-terrestre_del_Archipi%C3%A9lago_de_Cabrera">Wikipedia</a>'
+  },
+  38: {
+    lat: 39.4261,
+    lng: -4.52528,
+    iw: 'idx: 38<br>Parque nacional de Cabañeros<br>Toledo, Ciudad Real<br><a href="http://www.parquenacionalcabaneros.com/">Página web oficial</a>'
+  },
+  2: {
+    pin: 'blue',
+    lat: 28.7166,
+    lng: -17.8833,
+    iw: 'idx: 2<br>Caldera de Taburiente<br>Islas Canarias<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_de_la_Caldera_de_Taburiente">Wikipedia</a>'
+  },
+  3: {
+    lat: 37.0003,
+    lng: -6.4166,
+    iw: 'idx: 3<br>Doñana<br>Huelva<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_y_natural_de_Do%C3%B1ana">Wikipedia</a>'
+  },
+  'garajonay': {
+    pin: 'blue',
+    lat: 28.1262,
+    lng: -17.2372,
+    iw: 'idx: garajonay<br>Garajonay<br>Islas Canarias<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_de_Garajonay">Wikipedia</a>'
+  },
+  5: {
+    pin: 'orange',
+    lat: 42.3805,
+    lng: -8.9333,
+    iw: 'idx: 5<br>Parque nacional de las Islas Atlánticas de Galicia<br>Galicia<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_de_las_Islas_Atl%C3%A1nticas_de_Galicia">Wikipedia</a>'
+  },
+  6: {
+    lat: 39.8408,
+    lng: -6.03,
+    iw: 'idx: 6<br>Parque nacional de Monfragüe<br>Extremadura<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_de_Monfrag%C3%BCe">Wikipedia</a>'
+  },
+  7: {
+    lat: 42.6716,
+    lng: 0.0555,
+    iw: 'idx: 7<br>Ordesa y Monte Perdido<br>Huesca<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_de_Ordesa_y_Monte_Perdido">Wikipedia</a>'
+  },
+  'picos_de_europa': {
+    pin: 'orange',
+    lat: 43.1833,
+    lng: -4.8333,
+    iw: 'idx: picos_de_europa<br>Picos de Europa<br>Asturias<br><a href="http://es.wikipedia.org/wiki/Picos_de_Europa">Wikipedia</a>'
+  },
+  9: {
+    lat: 37.2,
+    lng: -3.25,
+    iw: 'idx: 9<br>Sierra Nevada<br>Granada<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_de_Sierra_Nevada_(Espa%C3%B1a)">Wikipedia</a>'
+  },
+  10: {
+    lat: 39.1297,
+    lng: -3.7202,
+    iw: 'idx: 10<br>Tablas de Daimiel<br>Ciudad Real<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_de_las_Tablas_de_Daimiel">Wikipedia</a>'
+  },
+  12: {
+    pin: 'blue',
+    lat: 29.0111,
+    lng: -13.7333,
+    iw: 'idx: 12<br>Parque nacional de Timanfaya<br>Islas Canarias<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_de_Timanfaya">Wikipedia</a>'
+  },
+  'teide': {
+    pin: 'blue',
+    lat: 28.2713,
+    lng: -16.6436,
+    iw: 'idx: teide<br>Parque nacional del Teide<br>Islas Canarias<br><a href="http://es.wikipedia.org/wiki/Parque_nacional_del_Teide">Wikipedia</a>',
+    visible: false
+  }
+};
+
+// Data
+var morocco = {
+  'FEZ' : { // ITEM IDX MUST BE UNIQUE
+    pin: 'green',
+    lat: 34.033884,
+    lng: -5.000206,
+    iw: 'idx: 667<br>Fez en Marruecos',
+    draggable: true
+  },
+  'ORAN' : {
+    pin: 'green',
+    lat: 35.698013,
+    lng: -0.632942,
+    iw: 'idx: 668<br>Orán',
+    draggable: true
+  },
+  12: { // Updated location on pourposse
+    pin: 'green',
+    lat: 43.257206,
+    lng: -2.923763,
+    draggable: true
+  },
+};
+
+// Update
+update = {
+  289: {
+    lat: 42.1541,
+    lng: 9.0884,
+    iw: 'idx: 289<br><b>Ahora está en Córcega ;)</b><br>y el usuario puede <em>arrastrarlo</em>',
+    draggable: true
+  }
+};
+
+// France main cities
+france_cities = {
+  paris: {
+    lat: 48.860,
+    lng: 2.340,
+    iw: 'Paris 2107700'
+  },
+  marseille: {
+    lat: 43.310,
+    lng: 5.370,
+    iw: 'Marseille, population: 826300'
+  },
+  lyon: {
+    lat: 45.760,
+    lng: 4.830,
+    iw: 'Lyon, population: 443600'
+  },
+  toulouse: {
+    lat: 43.620,
+    lng: 1.450,
+    iw: 'Toulouse, population: 417400'
+  },
+  Nice: {
+    lat: 43.700,
+    lng: 7.270,
+    iw: 'Nice, population: 329800'
+  },
+  Nantes: {
+    lat: 47.230,
+    lng: -1.570,
+    iw: 'Nantes, population: 285700'
+  },
+  Strasbourg: {
+    lat: 48.580,
+    lng: 7.760,
+    iw: 'Strasbourg, population: 274700'
+  },
+  Montpellier: {
+    lat: 43.610,
+    lng: 3.870,
+    iw: 'Montpellier, population: 231900'
+  },
+  Bordeaux: {
+    lat: 44.840,
+    lng: -0.580,
+    iw: 'Bordeaux, population: 217400'
+  },
+  rennes: {
+    lat: 48.110,
+    lng: -1.680,
+    iw: 'Rennes, population: 214200'
+  },
+  le_havre: {
+    lat: 49.500,
+    lng: 0.120,
+    iw: 'Le havre, population: 189000'
+  },
+  reims: {
+    lat: 49.250,
+    lng: 4.030,
+    iw: 'Reims, population: 183900'
+  },
+  lille: {
+    lat: 50.640,
+    lng: 3.070,
+    iw: 'Lille, population: 180100'
+  },
+  saint_etienne: {
+    lat: 45.430,
+    lng: 4.390,
+    iw: 'Saint-etienne, population: 168600'
+  },
+  toulon: {
+    lat: 43.130,
+    lng: 5.920,
+    iw: 'Toulon, population: 161600'
+  },
+  grenoble: {
+    lat: 45.190,
+    lng: 5.720,
+    iw: 'Grenoble, population: 156200'
+  },
+  angers: {
+    lat: 47.480,
+    lng: -0.540,
+    iw: 'Angers, population: 153800'
+  },
+  brest: {
+    lat: 48.390,
+    lng: -4.500,
+    iw: 'Brest, population: 152000'
+  },
+  le_mans: {
+    lat: 48.000,
+    lng: 0.200,
+    iw: 'Le mans, population: 149300'
+  },
+  dijon: {
+    lat: 47.330,
+    lng: 5.030,
+    iw: 'Dijon, population: 146400'
+  },
+  aix_en_provence: {
+    lat: 43.530,
+    lng: 5.440,
+    iw: 'Aix-en-provence, population: 139000'
+  },
+  clermont_ferrand: {
+    lat: 45.780,
+    lng: 3.080,
+    iw: 'Clermont-ferrand, population: 137300'
+  },
+  nimes: {
+    lat: 43.840,
+    lng: 4.350,
+    iw: 'Nimes, population: 137200'
+  },
+  amiens: {
+    lat: 49.900,
+    lng: 2.300,
+    iw: 'Amiens, population: 135800'
+  },
+  tours: {
+    lat: 47.380,
+    lng: 0.690,
+    iw: 'Tours, population: 133700'
+  },
+  limoges: {
+    lat: 45.830,
+    lng: 1.250,
+    iw: 'Limoges, population: 131900'
+  },
+  metz: {
+    lat: 49.120,
+    lng: 6.180,
+    iw: 'Metz, population: 125300'
+  },
+  villeurbanne: {
+    lat: 45.770,
+    lng: 4.880,
+    iw: 'Villeurbanne, population: 121800'
+  },
+  besancon: {
+    lat: 47.240,
+    lng: 6.020,
+    iw: 'Besancon, population: 118300'
+  },
+  caen: {
+    lat: 49.190,
+    lng: -0.360,
+    iw: 'Caen, population: 116800'
+  },
+  orleans: {
+    lat: 47.900,
+    lng: 1.900,
+    iw: 'Orleans, population: 112200'
+  },
+  mulhouse: {
+    lat: 47.760,
+    lng: 7.340,
+    iw: 'Mulhouse, population: 111500'
+  },
+  perpignan: {
+    lat: 42.700,
+    lng: 2.890,
+    iw: 'Perpignan, population: 111400'
+  },
+  boulogne_billancourt: {
+    lat: 48.830,
+    lng: 2.240,
+    iw: 'Boulogne-billancourt, population: 108500'
+  },
+  rouen: {
+    lat: 49.440,
+    lng: 1.080,
+    iw: 'Rouen, population: 105100'
+  },
+  nancy: {
+    lat: 48.690,
+    lng: 6.170,
+    iw: 'Nancy, population: 103100'
+  },
+  roubaix: {
+    lat: 50.690,
+    lng: 3.170,
+    iw: 'Roubaix, population: 95800'
+  },
+  tourcoing: {
+    lat: 50.720,
+    lng: 3.160,
+    iw: 'Tourcoing, population: 92400'
+  },
+  argenteuil: {
+    lat: 48.940,
+    lng: 2.240,
+    iw: 'Argenteuil, population: 90300'
+  },
+  avignon: {
+    lat: 43.960,
+    lng: 4.810,
+    iw: 'Avignon, population: 87100'
+  },
+  montreuil: {
+    lat: 48.860,
+    lng: 2.430,
+    iw: 'Montreuil, population: 86600'
+  },
+  nanterre: {
+    lat: 48.900,
+    lng: 2.200,
+    iw: 'Nanterre, population: 86100'
+  },
+  poitiers: {
+    lat: 46.580,
+    lng: 0.340,
+    iw: 'Poitiers, population: 85900'
+  },
+  saint_denis: {
+    lat: 48.940,
+    lng: 2.360,
+    iw: 'Saint-denis, population: 82000'
+  },
+  versailles: {
+    lat: 48.810,
+    lng: 2.140,
+    iw: 'Versailles, population: 81200'
+  },
+  creteil: {
+    lat: 48.790,
+    lng: 2.450,
+    iw: 'Creteil, population: 79700'
+  },
+  pau: {
+    lat: 43.300,
+    lng: -0.390,
+    iw: 'Pau, population: 79600'
+  },
+  la_rochelle: {
+    lat: 46.170,
+    lng: -1.180,
+    iw: 'La rochelle, population: 79400'
+  },
+  colombes: {
+    lat: 48.930,
+    lng: 2.250,
+    iw: 'Colombes, population: 78400'
+  },
+  asnieres_sur_seine: {
+    lat: 48.910,
+    lng: 2.290,
+    iw: 'Asnieres-sur-seine, population: 77400'
+  },
+  calais: {
+    lat: 50.950,
+    lng: 1.860,
+    iw: 'Calais, population: 77200'
+  },
+  aulnay_sous_bois: {
+    lat: 48.960,
+    lng: 2.490,
+    iw: 'Aulnay-sous-bois, population: 76500'
+  },
+  vitry_sur_seine: {
+    lat: 48.790,
+    lng: 2.390,
+    iw: 'Vitry-sur-seine, population: 76300'
+  },
+  rueil_malmaison: {
+    lat: 48.890,
+    lng: 2.170,
+    iw: 'Rueil-malmaison, population: 75000'
+  },
+  champigny_sur_marne: {
+    lat: 48.820,
+    lng: 2.510,
+    iw: 'Champigny-sur-marne, population: 72000'
+  },
+  beziers: {
+    lat: 43.350,
+    lng: 3.210,
+    iw: 'Beziers, population: 71200'
+  },
+  saint_maur_des_fosses: {
+    lat: 48.800,
+    lng: 2.490,
+    iw: 'Saint-maur-des-fosses, population: 70900'
+  },
+  dunkerque: {
+    lat: 51.040,
+    lng: 2.340,
+    iw: 'Dunkerque, population: 70400'
+  },
+  antibes: {
+    lat: 43.600,
+    lng: 7.120,
+    iw: 'Antibes, population: 70100'
+  },
+  saint_nazaire: {
+    lat: 47.28,
+    lng: -2.220,
+    iw: 'Saint-nazaire, population:70000'
+  }
+};
+
+// France main cities
+italy_cities = {
+  roma: {
+    lat: 41.890,
+    lng: 12.500,
+    iw: 'Roma'
+  },
+  milano: {
+    lat: 45.480,
+    lng: 9.190,
+    iw: 'Milano'
+  },
+  napoli: {
+    lat: 40.850,
+    lng: 14.270,
+    iw: 'Napoli'
+  },
+  torino: {
+    lat: 45.080,
+    lng: 7.680,
+    iw: 'Torino'
+  },
+  palermo: {
+    lat: 38.120,
+    lng: 13.360,
+    iw: 'Palermo'
+  },
+  genova: {
+    lat: 44.420,
+    lng: 8.930,
+    iw: 'Genova'
+  },
+  bologna: {
+    lat: 44.500,
+    lng: 11.340,
+    iw: 'Bologna'
+  },
+  firenze: {
+    lat: 43.780,
+    lng: 11.240,
+    iw: 'Firenze'
+  },
+  catania: {
+    lat: 37.500,
+    lng: 15.080,
+    iw: 'Catania'
+  },
+  bari: {
+    lat: 41.120,
+    lng: 16.870,
+    iw: 'Bari'
+  }
+};