From ef7477e34d60c08afda90d9f80b417167c1d773a Mon Sep 17 00:00:00 2001
From: Sergey Krylov <krylov.sa@ispras.ru>
Date: Wed, 19 Feb 2025 14:20:34 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=B0=D1=87=D0=B0=D0=BB=D1=8C=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B5=20=D0=BD=D0=B0=D0=BF=D0=BE=D0=BB=D0=BD=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 __init__.py                           |    3 +
 __manifest__.py                       |   17 +
 controllers/__init__.py               |    4 +
 controllers/main.py                   |   58 ++
 i18n/website_google_map.pot           |   15 +
 static/description/icon.png           |  Bin 0 -> 1606 bytes
 static/description/icon.svg           |    1 +
 static/src/css/website_google_map.css |   28 +
 static/src/img/partners.png           |  Bin 0 -> 719 bytes
 static/src/js/website_google_map.js   |   89 ++
 static/src/lib/images/conv30.png      |  Bin 0 -> 1030 bytes
 static/src/lib/images/conv40.png      |  Bin 0 -> 1512 bytes
 static/src/lib/images/conv50.png      |  Bin 0 -> 2202 bytes
 static/src/lib/images/heart30.png     |  Bin 0 -> 1448 bytes
 static/src/lib/images/heart40.png     |  Bin 0 -> 2161 bytes
 static/src/lib/images/heart50.png     |  Bin 0 -> 2999 bytes
 static/src/lib/images/m1.png          |  Bin 0 -> 3003 bytes
 static/src/lib/images/m2.png          |  Bin 0 -> 3259 bytes
 static/src/lib/images/m3.png          |  Bin 0 -> 3956 bytes
 static/src/lib/images/m4.png          |  Bin 0 -> 5705 bytes
 static/src/lib/images/m5.png          |  Bin 0 -> 6839 bytes
 static/src/lib/images/people35.png    |  Bin 0 -> 1392 bytes
 static/src/lib/images/people45.png    |  Bin 0 -> 2076 bytes
 static/src/lib/images/people55.png    |  Bin 0 -> 2928 bytes
 static/src/lib/images/pin.png         |  Bin 0 -> 1135 bytes
 static/src/lib/markerclusterer.js     | 1315 +++++++++++++++++++++++++
 views/google_map_templates.xml        |   28 +
 27 files changed, 1558 insertions(+)
 create mode 100644 __init__.py
 create mode 100644 __manifest__.py
 create mode 100644 controllers/__init__.py
 create mode 100644 controllers/main.py
 create mode 100644 i18n/website_google_map.pot
 create mode 100644 static/description/icon.png
 create mode 100644 static/description/icon.svg
 create mode 100644 static/src/css/website_google_map.css
 create mode 100644 static/src/img/partners.png
 create mode 100644 static/src/js/website_google_map.js
 create mode 100644 static/src/lib/images/conv30.png
 create mode 100644 static/src/lib/images/conv40.png
 create mode 100644 static/src/lib/images/conv50.png
 create mode 100644 static/src/lib/images/heart30.png
 create mode 100644 static/src/lib/images/heart40.png
 create mode 100644 static/src/lib/images/heart50.png
 create mode 100644 static/src/lib/images/m1.png
 create mode 100644 static/src/lib/images/m2.png
 create mode 100644 static/src/lib/images/m3.png
 create mode 100644 static/src/lib/images/m4.png
 create mode 100644 static/src/lib/images/m5.png
 create mode 100644 static/src/lib/images/people35.png
 create mode 100644 static/src/lib/images/people45.png
 create mode 100644 static/src/lib/images/people55.png
 create mode 100644 static/src/lib/images/pin.png
 create mode 100644 static/src/lib/markerclusterer.js
 create mode 100644 views/google_map_templates.xml

diff --git a/__init__.py b/__init__.py
new file mode 100644
index 0000000..41ac0af
--- /dev/null
+++ b/__init__.py
@@ -0,0 +1,3 @@
+# -*- coding: utf-8 -*-
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from . import controllers
diff --git a/__manifest__.py b/__manifest__.py
new file mode 100644
index 0000000..6814330
--- /dev/null
+++ b/__manifest__.py
@@ -0,0 +1,17 @@
+# -*- coding: utf-8 -*-
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+{
+    'name': 'Google Maps',
+    'category': 'Website/Website',
+    'summary': 'Show your company address on Google Maps',
+    'version': '1.0',
+    'description': """
+Show your company address/partner address on Google Maps. Configure an API key in the Website settings.
+    """,
+    'depends': ['base_geolocalize', 'website_partner'],
+    'data': [
+        'views/google_map_templates.xml',
+    ],
+    'installable': True,
+    'license': 'LGPL-3',
+}
diff --git a/controllers/__init__.py b/controllers/__init__.py
new file mode 100644
index 0000000..5d4b25d
--- /dev/null
+++ b/controllers/__init__.py
@@ -0,0 +1,4 @@
+# -*- coding: utf-8 -*-
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+
+from . import main
diff --git a/controllers/main.py b/controllers/main.py
new file mode 100644
index 0000000..1d3d9fe
--- /dev/null
+++ b/controllers/main.py
@@ -0,0 +1,58 @@
+# -*- coding: utf-8 -*-
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from odoo import http
+from odoo.http import request
+from odoo.tools.json import scriptsafe
+
+
+class GoogleMap(http.Controller):
+    '''
+    This class generates on-the-fly partner maps that can be reused in every
+    website page. To do so, just use an ``<iframe ...>`` whose ``src``
+    attribute points to ``/google_map`` (this controller generates a complete
+    HTML5 page).
+
+    URL query parameters:
+    - ``partner_ids``: a comma-separated list of ids (partners to be shown)
+    - ``partner_url``: the base-url to display the partner
+        (eg: if ``partner_url`` is ``/partners/``, when the user will click on
+        a partner on the map, it will be redirected to <myodoo>.com/partners/<id>)
+
+    In order to resize the map, simply resize the ``iframe`` with CSS
+    directives ``width`` and ``height``.
+    '''
+
+    @http.route(['/google_map'], type='http', auth="public", website=True, sitemap=False)
+    def google_map(self, *arg, **post):
+        clean_ids = []
+        for partner_id in post.get('partner_ids', "").split(","):
+            try:
+                clean_ids.append(int(partner_id))
+            except ValueError:
+                pass
+        partners = request.env['res.partner'].sudo().search([("id", "in", clean_ids),
+                                                             ('website_published', '=', True), ('is_company', '=', True)])
+        partner_data = {
+            "counter": len(partners),
+            "partners": []
+        }
+        for partner in partners.with_context(show_address=True):
+            partner_data["partners"].append({
+                'id': partner.id,
+                'name': partner.name,
+                'address': '\n'.join(partner.display_name.split('\n')[1:]),
+                'latitude': str(partner.partner_latitude) if partner.partner_latitude else False,
+                'longitude': str(partner.partner_longitude) if partner.partner_longitude else False,
+            })
+        if 'customers' in post.get('partner_url', ''):
+            partner_url = '/customers/'
+        else:
+            partner_url = '/partners/'
+
+        google_maps_api_key = request.website.google_maps_api_key
+        values = {
+            'partner_url': partner_url,
+            'partner_data': scriptsafe.dumps(partner_data),
+            'google_maps_api_key': google_maps_api_key,
+        }
+        return request.render("website_google_map.google_map", values)
diff --git a/i18n/website_google_map.pot b/i18n/website_google_map.pot
new file mode 100644
index 0000000..496cb1e
--- /dev/null
+++ b/i18n/website_google_map.pot
@@ -0,0 +1,15 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 17.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2023-10-26 21:56+0000\n"
+"PO-Revision-Date: 2023-10-26 21:56+0000\n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
diff --git a/static/description/icon.png b/static/description/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..22766efb24338462d31844ede0ad8567aa8c079f
GIT binary patch
literal 1606
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
Eg0Q;uDgXcg

literal 0
HcmV?d00001

diff --git a/static/description/icon.svg b/static/description/icon.svg
new file mode 100644
index 0000000..d82c884
--- /dev/null
+++ b/static/description/icon.svg
@@ -0,0 +1 @@
+<svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path d="M30.439.813A18.546 18.546 0 0 0 25.001 0C19.47 0 14.52 2.423 11.22 6.23l8.504 6.934L30.439.813Z" fill="#1A73E8"/><path d="M11.217 6.23C8.587 9.262 7 13.175 7 17.443c0 3.282.675 5.94 1.783 8.321l10.938-12.6-8.504-6.934Z" fill="#EA4335"/><path d="M25.003 10.774c3.804 0 6.885 2.987 6.885 6.673 0 1.64-.612 3.145-1.626 4.306 0 0 5.437-6.268 10.715-12.347-2.18-4.064-5.96-7.19-10.532-8.593l-10.723 12.35a6.954 6.954 0 0 1 5.281-2.389Z" fill="#4285F4"/><path d="M25.003 24.115c-3.803 0-6.885-2.987-6.885-6.673a6.55 6.55 0 0 1 1.603-4.283L8.783 25.763c1.869 4.019 4.978 7.244 8.18 11.307l13.294-15.318a6.957 6.957 0 0 1-5.254 2.363Z" fill="#FBBC04"/><path d="M29.994 41.252C35.998 32.152 43 28.021 43 17.443c0-2.9-.733-5.633-2.025-8.037L16.965 37.07a62.11 62.11 0 0 1 3.047 4.185C23.663 46.722 22.65 50 25.005 50c2.349 0 1.338-3.281 4.99-8.748Z" fill="#34A853"/></svg>
diff --git a/static/src/css/website_google_map.css b/static/src/css/website_google_map.css
new file mode 100644
index 0000000..3d5ec1d
--- /dev/null
+++ b/static/src/css/website_google_map.css
@@ -0,0 +1,28 @@
+html {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+
+#odoo-google-map {
+    width: 100%;
+    height: 100%;
+}
+
+.marker {
+    font-size: 13px !important;
+}
+
+.marker a {
+    text-decoration: none;
+}
+
+.marker pre {
+    margin-top: 0;
+    margin-bottom: 0;
+    font-family: sans-serif !important;
+}
diff --git a/static/src/img/partners.png b/static/src/img/partners.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5693dbe3d555b278bde65d8538445e8e83aa88e
GIT binary patch
literal 719
zcmV;=0x<oFP)<h;3K|Lk000e1NJLTq000>P000>X1^@s6#OZ}&00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_00M7GL_t(Y$DP(ss8v-I2JqiG8Tt}^
z6H$l;`RAzv`}c6-6AB>@G!PV=DH|L(kRXS<Xix+pCkPa!fnb9})I@0F#BCXoAR<nT
z^!c=KqC^iI2$_bW1J8}~Zu{Q*-dm${_xJ7f-L=<u_Bw@3G*vC6sHy4_>#z+w@fud+
z0dC?v&SEB{_^7w9KZ+p&+wm19FlKN(#_#wbq?mF-WjA>n%bTh`i3@mrga9nTCY)`m
z`c#kK$v3x>rmDyA8`fHU+z2Ud{@-!6s^hqZmq#Rdnmgvcn86!(7*bSr&hYCY0(Wr;
z8(Sm1iO=w40DmLCXnXr#CA;x`hWr2@hZK+Y8>934C=L%0+Zs~5QZ!Y)3|Cthb>kmQ
zh7_lV*}Q#z7w0mxt9Yx#2E3Xfd=yfg?z*HK9RVT5A8;%~o51>_sp|J}q7S?iQha5h
zwrZ;SX=ZtUiMKPrhYL*JdpweXca)i4z>f<N=@{X=47{ntioV4s?NwnB)%=-(mY1!I
zy72;vK@A^K&5If6QHk3b;GN!!w7{Ocmx2E%aVZ1Ti@di!&#YZ2kut#ArmFYNr<%@a
zIEXcwG4ONQUS@YQ`;RwOJw8mRBd`izW+-=Xt9N&Oicd16d)OON{Aoxf6;5Yd3j0Ee
z-xeM6%z$?WF5+-V@p6Yhh2xkUu;)xjao3!o)l~Hae#O!e&ApG6BRGFy3uZ%#&&O|j
zwl}eT9u68M@DN)<inDWOe6P77#VhSZyS_*Z|AL8-;%s*m6hmf2Y%jcG9?2i$KuGbM
z++Zt4SaTeEFon&nF<!#oxPj^R-=7XC{yXTq>lvAW=o^XmbMycJ002ovPDHLkV1o9c
BM+E=?

literal 0
HcmV?d00001

diff --git a/static/src/js/website_google_map.js b/static/src/js/website_google_map.js
new file mode 100644
index 0000000..f013a0d
--- /dev/null
+++ b/static/src/js/website_google_map.js
@@ -0,0 +1,89 @@
+/* global MarkerClusterer, google */
+function initialize_map() {
+    'use strict';
+
+    // MAP CONFIG AND LOADING
+    var map = new google.maps.Map(document.getElementById('odoo-google-map'), {
+        zoom: 1,
+        center: {lat: 0.0, lng: 0.0},
+        mapTypeId: google.maps.MapTypeId.ROADMAP
+    });
+
+    // ENABLE ADDRESS GEOCODING
+    var Geocoder = new google.maps.Geocoder();
+
+    // INFO BUBBLES
+    var infoWindow = new google.maps.InfoWindow();
+    var partners = new google.maps.MarkerImage('/website_google_map/static/src/img/partners.png', new google.maps.Size(25, 25));
+    var partner_url = document.body.getAttribute('data-partner-url') || '';
+    var markers = [];
+    var options = {
+        imagePath: '/website_google_map/static/src/lib/images/m'
+    };
+
+    google.maps.event.addListener(map, 'click', function() {
+        infoWindow.close();
+    });
+
+    // Display the bubble once clicked
+    var onMarkerClick = function() {
+        var marker = this;
+        var p = marker.partner;
+        infoWindow.setContent(
+              '<div class="marker">'+
+              (partner_url.length ? '<a target="_top" href="'+partner_url+p.id+'"><b>'+p.name +'</b></a>' : '<b>'+p.name+'</b>' )+
+              (p.type ? '  <b>' + p.type + '</b>' : '')+
+              '  <pre>' + p.address + '</pre>'+
+              '</div>'
+          );
+        infoWindow.open(map, marker);
+    };
+
+    // Create a bubble for a partner
+    var set_marker = function(partner) {
+        // If no lat & long, geocode address
+        // TODO: a server cronjob that will store these coordinates in database instead of resolving them on-the-fly
+        if (!partner.latitude && !partner.longitude) {
+            Geocoder.geocode({'address': partner.address}, function(results, status) {
+                if (status === google.maps.GeocoderStatus.OK) {
+                    var location = results[0].geometry.location;
+                    partner.latitude = location.ob;
+                    partner.longitude = location.pb;
+                    var marker = new google.maps.Marker({
+                        partner: partner,
+                        map: map,
+                        icon: partners,
+                        position: location
+                    });
+                    google.maps.event.addListener(marker, 'click', onMarkerClick);
+                    markers.push(marker);
+                } else {
+                    console.debug('Geocode was not successful for the following reason: ' + status);
+                }
+            });
+        } else {
+            var latLng = new google.maps.LatLng(partner.latitude, partner.longitude);
+            var marker = new google.maps.Marker({
+                partner: partner,
+                icon: partners,
+                map: map,
+                position: latLng
+            });
+            google.maps.event.addListener(marker, 'click', onMarkerClick);
+            markers.push(marker);
+        }
+    };
+
+    /* eslint-disable no-undef */
+    // Create the markers and cluster them on the map
+    if (odoo_partner_data){ /* odoo_partner_data special variable should have been defined in google_map.xml */
+        for (var i = 0; i < odoo_partner_data.counter; i++) {
+            set_marker(odoo_partner_data.partners[i]);
+        }
+        new MarkerClusterer(map, markers, options);
+    }
+    /* eslint-enable no-undef */
+}
+
+// Initialize map once the DOM has been loaded
+google.maps.event.addDomListener(window, 'load', initialize_map);
diff --git a/static/src/lib/images/conv30.png b/static/src/lib/images/conv30.png
new file mode 100644
index 0000000000000000000000000000000000000000..a50f61f0b9ed0dc22d77eb8b350d2c4cc0b1df61
GIT binary patch
literal 1030
zcmV+h1o``kP)<h;3K|Lk000e1NJLTq0015U000{Z1^@s6YyCeF00001b5ch_0Itp)
z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2iXH3
z4-YkLNJWnT00V|eL_t(Y$F-GDXkA4V#(!t-z3=rUFMnHGt69V*gosTLq(V2wML}p?
zXqN>yE~?Olt`xdaELD+!3#H;h+=#eULQzzRE?lVHWus3~L1Ji{K$_&eJ9qvZ7x{Z*
zB%0)XFayKPobNklzL^n#TerVC>eKK^;q!Ay#3UI$Q4sbA)zUEa1?u7#!6)xgF*hfU
zKk4NA`RQXzZt-hVmvIrndkZ8W3MhvGHHIw7P$xL6H+w6+m(o10UU${zcngR1IZ8kg
zOb}$B#46=#i4%-fYFQmqsh+pFd0wXOe584@OtWZ#L<CR)QQ3cnvQEB1tOgNK6>8NQ
zwbjbcX|5|Q`(=UzbR)xqR(O|F5*1VxXDx~88%c}Uq@}B<(cJ^=2U7N>ZuBA$A&*B$
zU9>oI;!YDE*wng1ivWV66w#8dnkFr2uA8YnP$|oB(jpD&DYU?7yJ-K35FM$H1tGSG
zV%DU!BjX*0DPlqDqQi#*Bc^Q`swuw+P76|}O<KkRv2ACJno{iCtge?@ERld{yUb-u
z8GH4l1qD`flnAu%j7!8ZCq*4DT9ANZ{%1g4mnwU#6GRj+fD+V`dTVJ`Em@3fFU#f=
zr~i?7-8kF!qFR<BDKT0g0|JE>r1i9a(MqG=lVRf4TC*4N_NyllOT#j;H#s5(362Cs
ze0nSG(5|QIdF|U)+5+7wb=)J<oz>m`n*}NF7mW}=q9=`A^qKo#HGRGJe0Og$aHYHG
zS_md$j}+L{<7F+t?o9~daZ=z-z$X!J5~3*1c%lSE;${ot0q^Ruwp^F)i&sb9nc9^3
z_U|vAnQzWs=%{r*lPOi31)}_0-e%2+5(v@qNB&dCO4jVFc)=%Y4mP^A_XH=u(xo`r
zlN_CXWBfDAVcnnSW*;BcrTF<mWp>D@U{ndo*8E`ep|>VafBJG+`XS)``=);x&Q3ou
z5JrBCg8H;<%%)j5_u<^No<k=Fcxm{?ucvwk&(~f5>ta%ZfOvz6k%j8*hksc9a<DDL
z052TBF+af2D?_c}YkkdbY;A=+6AFo@9=e}y8!^E3(T~FrW3P==AGzFPPy8urL6tfA
z?abud)$G8;jYfk;qp_<wFOR<IM~<ES;B4i>m6Pt&9WkD~(@fkAe{GiA%*@Qx4*bXO
zf{VS+#vy%lYU1vtcgGeV<H7l{&IcAp>l^cb14ie^bq@I$IRF3v07*qoM6N<$g8b6n
AXaE2J

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/conv40.png b/static/src/lib/images/conv40.png
new file mode 100644
index 0000000000000000000000000000000000000000..2fe31a5758cfc19ac85927e81d84f369a5e39f1a
GIT binary patch
literal 1512
zcmV<E1sD2>P)<h;3K|Lk000e1NJLTq001Ze001Ni1^@s6`#g9S00001b5ch_0Itp)
z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2iXH3
z4-Pqe<v8U400n4CL_t(o!^M}|i``ch$3JWD{rjCWmrl~5F^R2^wlhXe1r-aLXd|tn
zq7@-N2tEk<;A2JbL4EO2pQ?iT9|%=c1gpi?OQEEKSf47Cq0yQ)lh#QxlbJc^_uH4X
zd^nTKxd;<D$yrZ_ea>0?yT5CF*G1T~%j<tV;p^syv1uO5DdMYu3m#V&M2xB0h&ycx
zx}Do-JZUcc@xIm1J$LOp0eIuJ-#zGEc_!4lQdJef31)zESTRtWA~qQVC?0$TB`Hmt
zFQ;67>FVmcM-G4Xf?U~n@uA-K#a}NjwJY6uPmC?G>0xS!4~SfQ#&k>s#0?|VVrVq#
z?i^L;E_NfN<X%{;kA5k{_R^Wk?W}m`+3j5gGR`Y_!z5vasWLcVanzsSyrbP|No|k1
zUcid`@YcrbCuL*(7go8;WXqJ)f*OK>2;#sD%%(@7I2&US1jFG(P&K@-2%*c)X7yaK
zybawRrAd3tjsBJC#&}#KH$rWD{92;qh<A5?JXndO)W<N)bllmL1w0Y386tB1GdQwF
zOcn`dExFyrc@L&zTumL{1c&ZgW*P&a2AE*91S<)15yMZU%T%U}(#BBQP#Oug7j7+y
z;6jUOi-<?d9f;@u6VG*kb|dpO62vFW5>N&uWd<0<0p3RHrC^!}ss$|x5jSnI-hxQL
z@;GYKOwf|i7!e!PqS>Id@oP;emI+v)l#FAq|IPxS3|inYWQSQMm_}UHqS@j6tP~=M
zmoWyNwFFHOsUnsfpfgHB!HS!JI}(fpIe|G$%S=>^2sk$;9I--xj9J9gf#|G?;Gopp
z46q2ABLOL(8ACA9S!o2y$YGH|C$U~4hYU?ZJ2R?<dlD8?@E%0aq6kK4dl7#i<LZd1
zAJe<sVp7^(KfgYmun&LY5a-a;2RZ{CXhul{tLE|a@e7bz8ygrj8K(OV)bL3d>>I<w
z2atyyni~-3DnqqFOwj^_4q;*GzNfY?|KszEcQ+l2VKBXnt~s(F=Egx<9&ceHHYNz?
z26vb^G)J6yVqU<cJQ3PfzK$Gypxyb`!y-D)gzbN5HFRk3lu0jhOqkjYEkenl*@y|k
z;=z}tbL_VQaPgHVK6&NBi{JM3?nz(AP<Is!iaAW(zIGDRg42SDA<hqqz6+QHP=!)%
zFn2R>0TIQC5gU*892)NVd+3J8Rv!M#*7aYW{n=LzziqYuqZluKq^dU$dC{t*4&oKr
zPkr<OG~+};JeFHRw}C2<dmx%|wISjttqzY>1daXhrsnz&PW3mrI{wm$N1l3ZVrKWR
zJ{$U*|NdHTw(rdmx(718+DD9CplHUKVI{M@u}<5ZeI(R7r$~mG;ky+@Gcqz5d$;tr
zrMc5*4!-9H=SSU!(Sy0APh{Z7(<pE2ubjST^U9H5N%_x5y9*6*w?(qx=ZAS|;{5TA
zZ8-*<pS-W!COdlk`HiZ+|BJ5kzGqXqD}`F{-3jSZww4zC>njrjbGw_w$_IXOp*w%{
z@k-wQef9HiR7(yQ3OGk8f@Z_9gRi&0v%l(k8|~$@pMG?%y7V;iR@eCsrHwdoh;J#m
zdr86<jy~|g@1;A+;LUd8<nR9!w~u|QxB1XpajRirahGZ-Bi%Vvs)MPw{*5~x;!%6o
zqd$MXv$%T3ExiBFz5ZfjO@h=SWN+<D?|Ad#xBN^20<3=M$rlbi`1qGqPCc`8by+P7
z!ABO3gpZZ}`n^K{&z(CrwTsu*)>vCx+t;HHEPwU<!r@cjoI7;->84q>+*cI;?%bcd
zf2a=jdc6a{)>N2TUFB95n@d;U`)b@>{;BHW&-naL;lIny&%bl%f&T*ulEOWN)@3dL
O0000<MNUMnLSTYax!acj

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/conv50.png b/static/src/lib/images/conv50.png
new file mode 100644
index 0000000000000000000000000000000000000000..cbab98b318d1fcbc5382310ed3fa999232c2af0b
GIT binary patch
literal 2202
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

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/heart30.png b/static/src/lib/images/heart30.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6067a7e6c5a5d2ead34037d7025d12c764a46d4
GIT binary patch
literal 1448
zcmV;Z1y}lsP)<h;3K|Lk000e1NJLTq0015U000^Y1^@s6prP!v00001b5ch_0Itp)
z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2iXH3
z4;>Drx7>ID00k&XL_t(Y$E{UcY!p=({{AyFd+T<WwzN&tc8OAJq7?}#8ZU?`6)?mC
z@?faIgAw7O;)NJYc<_b9OSnfO2tk5?AYe?0U}8WM6e|H#kOHM7v<0D8w%zXT%<P%-
z`>@^K*wPmHl9|k$ng9R(%Xj`m7=TOBt2p0!-s3a8iyTM2?1DaD7@|F9#|{LIz~3^O
z_-0n=tSE-yYF7hYX{iqwK5cQ#G0Q!|Q_ajGiujHU;XUQVoI|ga&WR1Qq13~Prjwq|
zc*opWMy!V2cv@4Mp}=6FpeX@8p}}pr>&LmX)>*K2&MvByhkiW_H6BK$H&7i@u}^J}
zl_zyY>@Wa82mvHGffz1$*t2S!FY9<^(RA)3KGOPQMmQY)!qTky<RZTnGa;3P0t3Wg
z77#+f?Q$ci2OOX6UhU0vueIWq5jU-srdO_ss2<qT0vtd%y;%`K*L8UO9>}=72@`Jx
z3xmgA3%<&9y7M&EwOn2r)2(d|Ifz<Ou%-srQUL@321D0$WP5{&30i1D+>909)>}8;
ziFX@HDKHpB0$>JFGA~vPf`H%WhjN@YcdN0$Ewz(+kBm<2a5`3#p`#}n0TY8103O^B
zW(I*^B}|xX8syS;IIP62Xp5l|s+TB<!KMUa0jt|YAR~|~fnAxI8I$zux35>(S|Swb
z2?GqU!@Z5~_rwHnuR8*PrG;C#ohK6#aTy1(05b#30MS5G^mYq^2%V7xyk7Ui*+y2C
z-epEAqec{Q8B3Ow#Sqygvjz1p5(Dks9RL`DMPE?Efm1hPI9`dyNYi9J0jIEAMj$OY
zycG>zq9F^z5~s0clE`!Cmg|mmw5T1$2tnT;aT-WzL;4a*@3y=Dv~2rv!Wcnmlr#zm
z20D$-GkUfj{Hq~ezbGXs77StlYRsXG9H?OEO2c>~_a~izJ#Ndjri*$!Obm#W5+4k4
zY8!%*euK!lZdv9Z`lJa@wBKy|_q$f7qZ$M#r9kxHvLz-!16VN(+d#f2f8W&7sZo7q
z@l0py#qFQeUA{8Sw9VrC>DxV_0HrAi638U~C7G|*&d9Imm*<<im#(bSF0YlEf-nW3
zjisK$2rosfD|n>KE_Y2?wtnHdT>zk`zE8|A+0oS&sj9adULYp09Ah~Lj@JQ^C`~~~
zN)(~s<7c0IX8-y$v0=lh&1FX~9XrtM+<dHWf{i9&jR%iN)&I@{R*uTvK6(7)54SAX
z7)@6c0KogdtSYZ<s6E<hcH}xx5JG?y;a(zFf(Inb5K4hna!9*%&zBQjC2t>j<FGwk
zH~O&bhngAZn$PWRLwi0e23SLKpN&v*B0woP!iFX^6xg|E%F4>BwpVPsb=M$C=V05M
z&yQC;TJd5Q#{CRtW@e1$Qc8g}hEM`UPSM%w@`dx#kq(=23ZI?ckoWDW16$h=o~yKx
zQzjyiWV3*CH!muG{iB*`%gvD{?yz{b_JhE0|NOo++!J0H*KJ^^f;EPa3`GiF)6<>l
z4Xh~9ANu;>vVCeaqyC<#`To6(#?Hny7rW{f+az<KG-ygdf#J9u2r1!r`6H$Nl6Pj7
z&Dvd4zT6q@88agGH0&39j_<9!5xcSPj_Ar^;^fwGfI?S6*OcNZ%NNgHa_~9#Q_ffp
zw^5-se3o{e`0Aw#E$4SOT1|yWF!DI>==9R(S8STM;o87|8yg!zL?RRlssBx!LiOP#
zna$Ul4rTa!P@t+U^EcU#6qaxrVuV7WyX>2ro9RESVUjoI+(MWD0000<MNUMnLSTX*
CN}t65

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/heart40.png b/static/src/lib/images/heart40.png
new file mode 100644
index 0000000000000000000000000000000000000000..e79ba0a1b128ad08a67b4eb9108a0ae550ab2c81
GIT binary patch
literal 2161
zcmV-%2#)uOP)<h;3K|Lk000e1NJLTq001Ze001Kh1^@s6<~c~N00001b5ch_0Itp)
z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2iXH3
z4;&ph60GL{00;3&L_t(o!_8M~j8)YY{?^|6+<We0UO0opj6-=0!&`7lK#5Y?#zIu2
zZBkHU8!V_TYH3<)(nL+AZ7OLSBGeL1t%`+)D%KEFN~Bb4!!!I)DFj4>8Np!~2JYO~
zdF;Jcf1H_tVP;^MDM`O%=bn4^+22}cueHCm4xt~k9pCL13+Lu*9ZnW1{Ub0Bi^aqd
zFW>Qkkcrc&vSI(K966&I13=5s_s11;nOlSsQ-n%9s<loiDGr$+^Sp|sjw`ond-do>
zzpu4)>5Zn3cP4edWv1l(LLulOA!Jf11wjCTVXQ!)r78M+kYZ&oB})>UYRAlO>5Kf-
zCp&BNx$KWA%+60G)Oey$2oaey#=u$&twnn=5O0$cf4QRShMmLf8iRfvJaPD+_4$sr
z<;rwCTv_HOjkWLsgD?z1FdzUH0z$^1oHzobSh;1N67l_Y6Xxye;(34jW~wZ;Uvk~p
zYKdUFLq3f5VT?tnEtnaO<3K3|Atjgz*?j0jCLT?dSFW#X_-fG0!PcXHySc6P^m;}5
z3+Yrmmdkta`~Z?Hn4{ez0xSVSME{*w95J_qLz_4*Me4p$H_qRE{KKs(@QZVV)Gs-*
zFe>zOu-XSmAPfb-0+tzI1`z=ykV-g6CtaM&dhNaz&(>9!tu7z8NOwDU;=^s}d`I&J
zCCuINxI!V90qYP%y~D;JFcF9d#uzw`gH*BvaH@8dRZm!yX+Jeq7uug!+&(#%&%#<8
ztz(7|0^H?TC#<z#5F8alx}*d}ubB5dy)1tHZJQb<H8KIf!GFK@T^pQzE|H9-bJ-5C
zHIRfJL>ChR(Hs#)2Ej;_Rzt)qUJiBWTCe@yuy7WZFFe;Th+vsv8Bj{0w6q*2&jdP_
zuDKi9-%6R!_Dwl<XxGM4*Gw&VMT9|c!EhhM(VPWG+X)7sgoTQ^h^4M$W`>tNL$Dgg
zQupq4Wz?mV7p4RNz=_3R;UX8fTgOhAzEB-Ia-hM4etjS`0xt)W0--iw7E$~!^^rIV
zG*LIZAptMffifv52m%DY7v*aY4>}{lmpaHG5-{3A3WY*0KzX@DE+5Q1-_|-u6$;tO
z4*Ri=jywn&Hn3nJ0oHxIF-Hfc(@xh^5HJJ@beum6YZ(mDx%;*|j8Q5OdU<#eLaRX_
z6msVfm#OPoTaMSM((=-KZRV8Bh2DiHjk%2MazA$o`r=&0K+&787=}o=gtS{)qjK5I
zXH+aq3<8b8qrcqZ!O<}RERe3Kn5U$2N^?aI#xMlo{{qYe&j%8r-=x?E9|e9eD+&wu
zs)O7|ZR9>qcHf2u$Hy$7lt8xa_&-$ceA_ODSVlI86u#?p62O-G2@(xBHwTm;MBQmY
zogP~mFDBBZ9jdZs%CQswX+7iE^Hqig7=WNid_e+iuW>jLDL}N_3=#yv7DYdGU{uYt
z9ctQb_q_Y&3y<vyJbRav2H+?ci2!T6Ug=uqTjzlyhLjRv$ndp9RbB1QhUs5BuK?is
z+HrqwI^23Ebe4z!%TZ{%D$2D!5TdgI3A_+YF=$E`^FI9^02BadQT|Rz`S1_2t!>i)
z5D5Xce62Sx(n|)27*YTX2|o;ZSWV@Y5o2yT+3n!yhAC$Y&c{F8+v2?Gh+tUg7eK=4
zEJH&|upXCvaakMH_C%cE2O-!UetO)f5l@W2bwR${!IAZi7QlP!fBW#3;<=BOl%_0l
zKEpCWilKy$uP8@RbHvc0g&(*`RMh@q{M?^3b<L}bAFiqyv+DC8cWco*R4*7XR>BxN
z=<33k$Ps~i$&nC%BP={$7`I~Li#L67&Klsk{snE%wig%efA6(F#<(M8Ecc^%1JSnr
zPwmB!!hk?FR8_lf82^<!@4ElV%#{=uTQ@xU_^|^!ekM(O$_&!MNUC~z!<Jx8PwSEZ
zBT6<Us~Vnu;PF2l>BZ9*c~wpQ@5YXs_)9BX7;6w}4QoSKYhbK_WqrkAIE1m645MMK
zfz}$v7?@DQ7}`!mE9Tzu?IV4@XkRyHe0ho2RGhfBs;==ZHV#NzP!K>G0~>}>uXx1~
zeZ5&5{W3F*(SS9Oq`}rgbF!m$<b<_j=04LpdeXcB7u6ovyl&~rmQVIAXPp~HY)L3U
z4_13vKo|{23FK_$ncA_pe1GvHYc^jtRj$N2e8i|{>l$W0qB(v{vtVDNdq=KzNLXkq
zIioAij+r`V`Gl#n-oCOH3=nUud+_VW4(?qkke%u{W>6hV7yzs)U#}Q3dDYS<Ufn;S
z!!}R@lNxW|GH&9H%TlTI2h0j!x=87`dr)ULB)S?sX0Rn_BRnUO`c<mD`oYBytk^$r
zHN8q~ShZk!wh+FPIeoY?ozyTu^m$3tS@;=_v@jZABOu8j7r0@(tZrTX#OXg>uw-@N
z>g0Y9*zwn2j68Z^_tTlr4=onZX;xA9V_1SMBPKN@1Onf}O_pI;?UZM3p1bhZ^)v3v
zUwu6qB#!Lc=x%%Km4}L%lPjgklu1QBszj(6v2=|$vc7TM9pC)UQ||ED`N0*;A>iDp
zJ?ig&S^I;wmQR0EJl907V_+=cnK)RKygPNq+*cPYUGvINY>1&OuBe%%D{IHDnKXU&
zJx;26Zy|`m(=MFUi0vYl{zl{NkG;{~+NP!^(cIiDFUQ~9-2A_5Nq@d#UUf1qUQZ^I
nAQ}JG_nz9=GE~my=4SdYLsLn_|K$yf00000NkvXXu0mjf+zaeP

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/heart50.png b/static/src/lib/images/heart50.png
new file mode 100644
index 0000000000000000000000000000000000000000..26c2252477f5a9c6dca63697b2d3dd6dbfd0d5ef
GIT binary patch
literal 2999
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

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/m1.png b/static/src/lib/images/m1.png
new file mode 100644
index 0000000000000000000000000000000000000000..329ff524c59e4ac6ba91db135e2257106253d7b9
GIT binary patch
literal 3003
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

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/m2.png b/static/src/lib/images/m2.png
new file mode 100644
index 0000000000000000000000000000000000000000..b999cbcf69441f194768157d79a113b0fae03e3c
GIT binary patch
literal 3259
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

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/m3.png b/static/src/lib/images/m3.png
new file mode 100644
index 0000000000000000000000000000000000000000..9f30b3092b237db28bfd382cbbad51908287ecd1
GIT binary patch
literal 3956
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
O0000<MNUMnLSTYqS-#8w

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/m4.png b/static/src/lib/images/m4.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d3f8263bd0528e34388c722242b9c8bd250fe18
GIT binary patch
literal 5705
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

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/m5.png b/static/src/lib/images/m5.png
new file mode 100644
index 0000000000000000000000000000000000000000..61387d2ab5c8d22efef4846617567a3b1ae6d72e
GIT binary patch
literal 6839
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

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/people35.png b/static/src/lib/images/people35.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a5a209decc01df760a8c46fe18d28a49b900930
GIT binary patch
literal 1392
zcmV-$1&{iPP)<h;3K|Lk000e1NJLTq001KZ001Kh1^@s69@(>500001b5ch_0Itp)
z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2iXH3
z3k*3)+VZ;q000?uMObu0Z*6U5Zgc=ca%Ew3Wn>_CX>@2HM@dakSAh-}000EbNkl<Z
zSi{v=TWl0n82<j5>9*bOZcDc<w^|Cd1#1!UL5Tt(>Vu*vVB!rQFoODEG)5Cm@WqfI
z8jWvWqahL#6McXfO$38QL=Z1j43Wl$77LUGy4~&U?CxC7`F+^g?sQpTrz}QK@?~-|
zXU_TNzkL5c1N?^uP356w+ZTpn@z~R<qTDGVS7fpoZj3}ZsVCl=(KKW4f%V6}{a45=
zdS}iWBW=7%RhTC%328GJ5}Kv~RSZWsRya`qNmZ@(!r_gB<5!JL$J>pMnwIsE3bkhZ
zoDPweg&kCYBq7vN2dzehrfGYo)lYlimnQ}i<?gSRyKwRQb2~Fe_6y6jBB?V5WR?L1
zU<V)qAOR?Vm9!un0R%8tX8Ck{w{fW4Gn8@{rn0G5^sL^L9?60ofJKf7fWq9$&8=|<
znNbrKnOko8cz$<9$*lPF#z-=r?6l)z5(x+wvT$YhY9}2SNh6dVPq$Z;Ok9sI&=l=v
zsdMhoJP|H}0N@nv*}4N0=K6BUXyq(Qq{b98VX1kGkP2{~z{Q3D<Twx;IvcF0Wg>ME
zsW_U*XAax01*8Y!La+@qMVqn}CDRy={%I$iLlZ721z7}l1f1$^6(#fiV@LFGYp|c)
zLzrEK;!C48QhTmuR^V90Q#(34x;fMs9Lc{qI{?dzgFvXO4{ka9)ZjqH$@D!lcwB9!
z=SiasP{J*;5YPld&5XcqY8Ko4D7@-tvEFMRo%vw>keRgBvgyevcFEW|?=^Hq4mPw!
z?jLyWeDbQ0ne|#w>0H@<NBnqVgQ?qHEQ?~qvy(KXO|}y3Uf+K7<d^5u6)ltx@3<$t
z=d0dL>6Gyjo2~-W<gA&Plk0o}sv6b)`8{15tx)ENz9)zHiY?Q$S#2Nw<J5uizl~LJ
zTzx^2RlJ1QBYFlmB}S8vQ!QDE?=t(Yh|IF>3uo&6nO%uNy$cKw7ZE`TVlJ3-+=L}z
zjXBGEHe7pV<eSmorc6d}9NUySkzUOV0$==KlqwBW2yEd<H9ivWu6qbOv%N_APVITG
zM(-90evttxnZ~8yRb;PPTYyM$N8Q<mty9vO^eJ<bopdy|J#Q_2fG2AY1Tc0Yxpel+
z;Z9#<dfuJgrk_l=v1d~jmzRGO>y9^uBp_{Wl{!}YB6IR!Y>Bk_nu+S`cuK$&0h#Lr
zjkD=TeDyP#<4&%x%?B)9rgtf4xcgY6Li1&rmbuXd7x-RYqJ1c*rEs5DNC~XjaeH0a
zmQge%$f8J}{aS_qQZDQWRaFUSiWUN3ltt!T|JacUY0tZf{JUi$=sg6jl#}}WzFo1h
z-BjI9X(d2nlF-R1qDU+Q&8p!mW)`iyey>uk43<jKvQk+VeKEKeB9%m>CH#ReGQI2i
z#;UvNLj+*4o6>o$U{8SN=Ug1<9&KWB?*q`9>F3s4r|<M#n=(Ji{nd+Ml0&z#g{nyk
zj3O&Yk3xH`<;EN-B-QD3n89m@-WZKdsZiSe_;Jp<mi?^A9y=i#h+I<MgQ-L%m$}p+
zA}26S8;x8S+`8bddCv~Mem+)_zYsUP*EWCn_tUF*SZl4SSC=?scUV~~%-KRirG*q!
yYc&aEX<vpjzc%y)|5|#}@*SVu`?bLTZTtg5V)kn-fsF+K0000<MNUMnLSTX|V1sl3

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/people45.png b/static/src/lib/images/people45.png
new file mode 100644
index 0000000000000000000000000000000000000000..219c62e41d162116dc71413ed4e46592364abc49
GIT binary patch
literal 2076
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
GLSTXi7x&Tt

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/people55.png b/static/src/lib/images/people55.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e88d1ef05e8aa14f6b67d80c2acd882a9e6b532
GIT binary patch
literal 2928
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
aJ@-G|Fk9cr$CUj50000<MNUMnLSTXg6=0?S

literal 0
HcmV?d00001

diff --git a/static/src/lib/images/pin.png b/static/src/lib/images/pin.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f830a316619bd611a5e6b434351109ef736b06f
GIT binary patch
literal 1135
zcmV-#1d#iQP)<h;3K|Lk000e1NJLTq0015U001xu1^@s62A0a?00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGYtN;K6tO0dTxElZf02*{fSaeirbZlh+
zXK!z3Y-J#AVQ_OGX=870AaZ47bkpkC0000ObVXQnQ*UN;cVTj60B~VxZgehgWpp4k
zE-)@NWrZ?j000BJNkl<ZSVz5>OGs2v9LDe5nQ_L+aT+rtUxR7*!uMmwXGFMYRhu$s
zQINLDsBjTci=agXSy3CaUD2Wz<)W8aK}A&b)G+KxFEC6Qdyp2^?fX1NWk<U+bFUx#
zAm^U*eVu#Hx#xebqEl{A58A*T(61`WH;bZt#lQQ&b#M?Y0ns30C4qxBi{;ZIuUFfZ
zo~~UeEYzL`0^0lP>M<Vs{o3jLd~JJLnpWlUXsX2$M4vri4h=#T2BU0nsOsmY<YcWE
z<{xWob<tg3t~DkmYIcj|BRrbMy>!V1P8PY{+P$(eskt6*mzHY9@POATFoVWZi4CqU
zOGp^IjWWYf7=TATyx@6l+*>Nl7o~kU8V=ReNR7f_2+)(>KziFZmEhL!e<?GF1bWh&
z86xVpd`?yUazBD+`akZ%o0An;DI!v+ZDUG`w1bgszzRXuArYx4-Y8WaeulLvYiuN3
z|5#>UkU5jVs}|3iC2eR1%tGdB1|Mn3$dEQN17<Ok!CjZ|8k99MgUdxl4DMoZ@Oedr
zw2>KbE-{lUdbHn!wL2N_s;U?~%HWYc{2^;(25&1X89dBe{pNv*FOG?D<3Z*t26r6G
z$&ofPgQLho<~as$<NhgYWCqMa=2iyhBt%7Ng9h$MlfkVv-fsVa%q#{|S6VYOrHzf`
z!2J0fZKsG7s!MY^wE+`H%{%Ht2C^22$lvPNId7h{lM(C}qrEJm{#L%%W*dEJ!dr~*
ziMb93pKYax`d6(DCd}~W)Krf4xQLJ|9(D2iiw15QH%m%>mAZdb9x|=WcDW3xy@Hrf
zWun$%eXUDpxA=TgvryQLlLx$bykP~aOFooCpKhTjml^8eAx;!Ctkw~DWeZFFT3;R;
zJ60FVjHluQSctP0Jhlm|&}0QS_JmOuwPj^7v>VuI6pr%TR_nJXAylBRu;0$M+rOjl
zq-$2MT2|l)A`6kRR_s29Mc2p_iz=nBQ^(rAg*A(_G|$JgMc2r+CV+{?Nh1sVMO|DR
zN82pA7$Z)!M<;S~rGccQpn##Tfs-AKRDEGg%%r2P_IMcFD4H58zI}Sz^YZ=)<$(a#
zINGq6&;QiGk1!L1m&V5%{%j}8g<%i=d5-S!`}w8k1Fpr2Cgy4HpJ!=qCityYTryV$
zi4MoucM?vtwCHFC2gD`w)pH)p=W1~=Ltg;h-?Adrj&(^%+GbJG>=Qptj{=#fQpP`^
z)rp^`M>Y_|Z01I9$VbyqbOx}jnRc<d2=n<W%1`NEZ|2bWwwC|^002ovPDHLkV1nr&
B2#^2(

literal 0
HcmV?d00001

diff --git a/static/src/lib/markerclusterer.js b/static/src/lib/markerclusterer.js
new file mode 100644
index 0000000..8fa63df
--- /dev/null
+++ b/static/src/lib/markerclusterer.js
@@ -0,0 +1,1315 @@
+// ==ClosureCompiler==
+// @compilation_level ADVANCED_OPTIMIZATIONS
+// @externs_url https://raw.githubusercontent.com/google/closure-compiler/master/contrib/externs/maps/google_maps_api_v3.js
+// ==/ClosureCompiler==
+
+/**
+ * @name MarkerClusterer for Google Maps v3
+ * @version version 1.0
+ * @author Luke Mahe
+ * @fileoverview
+ * The library creates and manages per-zoom-level clusters for large amounts of
+ * markers.
+ * <br/>
+ * This is a v3 implementation of the
+ * <a href="http://gmaps-utility-library-dev.googlecode.com/svn/tags/markerclusterer/"
+ * >v2 MarkerClusterer</a>.
+ */
+
+/**
+ * @license
+ * Copyright 2010 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+/**
+ * A Marker Clusterer that clusters markers.
+ *
+ * @param {google.maps.Map} map The Google map to attach to.
+ * @param {Array.<google.maps.Marker>=} opt_markers Optional markers to add to
+ *   the cluster.
+ * @param {Object=} opt_options support the following options:
+ *     'gridSize': (number) The grid size of a cluster in pixels.
+ *     'maxZoom': (number) The maximum zoom level that a marker can be part of a
+ *                cluster.
+ *     'zoomOnClick': (boolean) Whether the default behaviour of clicking on a
+ *                    cluster is to zoom into it.
+ *     'averageCenter': (boolean) Whether the center of each cluster should be
+ *                      the average of all markers in the cluster.
+ *     'minimumClusterSize': (number) The minimum number of markers to be in a
+ *                           cluster before the markers are hidden and a count
+ *                           is shown.
+ *     'styles': (object) An object that has style properties:
+ *       'url': (string) The image url.
+ *       'height': (number) The image height.
+ *       'width': (number) The image width.
+ *       'anchor': (Array) The anchor position of the label text.
+ *       'textColor': (string) The text color.
+ *       'textSize': (number) The text size.
+ *       'backgroundPosition': (string) The position of the backgound x, y.
+ *       'iconAnchor': (Array) The anchor position of the icon x, y.
+ * @constructor
+ * @extends google.maps.OverlayView
+ */
+function MarkerClusterer(map, opt_markers, opt_options) {
+  // MarkerClusterer implements google.maps.OverlayView interface. We use the
+  // extend function to extend MarkerClusterer with google.maps.OverlayView
+  // because it might not always be available when the code is defined so we
+  // look for it at the last possible moment. If it doesn't exist now then
+  // there is no point going ahead :)
+  this.extend(MarkerClusterer, google.maps.OverlayView);
+  this.map_ = map;
+
+  /**
+   * @type {Array.<google.maps.Marker>}
+   * @private
+   */
+  this.markers_ = [];
+
+  /**
+   *  @type {Array.<Cluster>}
+   */
+  this.clusters_ = [];
+
+  this.sizes = [53, 56, 66, 78, 90];
+
+  /**
+   * @private
+   */
+  this.styles_ = [];
+
+  /**
+   * @type {boolean}
+   * @private
+   */
+  this.ready_ = false;
+
+  var options = opt_options || {};
+
+  /**
+   * @type {number}
+   * @private
+   */
+  this.gridSize_ = options['gridSize'] || 60;
+
+  /**
+   * @private
+   */
+  this.minClusterSize_ = options['minimumClusterSize'] || 2;
+
+
+  /**
+   * @type {?number}
+   * @private
+   */
+  this.maxZoom_ = options['maxZoom'] || null;
+
+  this.styles_ = options['styles'] || [];
+
+  /**
+   * @type {string}
+   * @private
+   */
+  this.imagePath_ = options['imagePath'] ||
+      this.MARKER_CLUSTER_IMAGE_PATH_;
+
+  /**
+   * @type {string}
+   * @private
+   */
+  this.imageExtension_ = options['imageExtension'] ||
+      this.MARKER_CLUSTER_IMAGE_EXTENSION_;
+
+  /**
+   * @type {boolean}
+   * @private
+   */
+  this.zoomOnClick_ = true;
+
+  if (options['zoomOnClick'] != undefined) {
+    this.zoomOnClick_ = options['zoomOnClick'];
+  }
+
+  /**
+   * @type {boolean}
+   * @private
+   */
+  this.averageCenter_ = false;
+
+  if (options['averageCenter'] != undefined) {
+    this.averageCenter_ = options['averageCenter'];
+  }
+
+  this.setupStyles_();
+
+  this.setMap(map);
+
+  /**
+   * @type {number}
+   * @private
+   */
+  this.prevZoom_ = this.map_.getZoom();
+
+  // Add the map event listeners
+  var that = this;
+  google.maps.event.addListener(this.map_, 'zoom_changed', function() {
+    var zoom = that.map_.getZoom();
+
+    if (that.prevZoom_ != zoom) {
+      that.prevZoom_ = zoom;
+      that.resetViewport();
+    }
+  });
+
+  google.maps.event.addListener(this.map_, 'idle', function() {
+    that.redraw();
+  });
+
+  // Finally, add the markers
+  if (opt_markers && opt_markers.length) {
+    this.addMarkers(opt_markers, false);
+  }
+}
+
+
+/**
+ * The marker cluster image path.
+ *
+ * @type {string}
+ * @private
+ */
+MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_PATH_ = '../images/m';
+
+
+/**
+ * The marker cluster image path.
+ *
+ * @type {string}
+ * @private
+ */
+MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_EXTENSION_ = 'png';
+
+
+/**
+ * Extends a objects prototype by anothers.
+ *
+ * @param {Object} obj1 The object to be extended.
+ * @param {Object} obj2 The object to extend with.
+ * @return {Object} The new extended object.
+ * @ignore
+ */
+MarkerClusterer.prototype.extend = function(obj1, obj2) {
+  return (function(object) {
+    for (var property in object.prototype) {
+      this.prototype[property] = object.prototype[property];
+    }
+    return this;
+  }).apply(obj1, [obj2]);
+};
+
+
+/**
+ * Implementaion of the interface method.
+ * @ignore
+ */
+MarkerClusterer.prototype.onAdd = function() {
+  this.setReady_(true);
+};
+
+/**
+ * Implementaion of the interface method.
+ * @ignore
+ */
+MarkerClusterer.prototype.draw = function() {};
+
+/**
+ * Sets up the styles object.
+ *
+ * @private
+ */
+MarkerClusterer.prototype.setupStyles_ = function() {
+  if (this.styles_.length) {
+    return;
+  }
+
+  for (var i = 0, size; size = this.sizes[i]; i++) {
+    this.styles_.push({
+      url: this.imagePath_ + (i + 1) + '.' + this.imageExtension_,
+      height: size,
+      width: size
+    });
+  }
+};
+
+/**
+ *  Fit the map to the bounds of the markers in the clusterer.
+ */
+MarkerClusterer.prototype.fitMapToMarkers = function() {
+  var markers = this.getMarkers();
+  var bounds = new google.maps.LatLngBounds();
+  for (var i = 0, marker; marker = markers[i]; i++) {
+    bounds.extend(marker.getPosition());
+  }
+
+  this.map_.fitBounds(bounds);
+};
+
+
+/**
+ *  Sets the styles.
+ *
+ *  @param {Object} styles The style to set.
+ */
+MarkerClusterer.prototype.setStyles = function(styles) {
+  this.styles_ = styles;
+};
+
+
+/**
+ *  Gets the styles.
+ *
+ *  @return {Object} The styles object.
+ */
+MarkerClusterer.prototype.getStyles = function() {
+  return this.styles_;
+};
+
+
+/**
+ * Whether zoom on click is set.
+ *
+ * @return {boolean} True if zoomOnClick_ is set.
+ */
+MarkerClusterer.prototype.isZoomOnClick = function() {
+  return this.zoomOnClick_;
+};
+
+/**
+ * Whether average center is set.
+ *
+ * @return {boolean} True if averageCenter_ is set.
+ */
+MarkerClusterer.prototype.isAverageCenter = function() {
+  return this.averageCenter_;
+};
+
+
+/**
+ *  Returns the array of markers in the clusterer.
+ *
+ *  @return {Array.<google.maps.Marker>} The markers.
+ */
+MarkerClusterer.prototype.getMarkers = function() {
+  return this.markers_;
+};
+
+
+/**
+ *  Returns the number of markers in the clusterer
+ *
+ *  @return {Number} The number of markers.
+ */
+MarkerClusterer.prototype.getTotalMarkers = function() {
+  return this.markers_.length;
+};
+
+
+/**
+ *  Sets the max zoom for the clusterer.
+ *
+ *  @param {number} maxZoom The max zoom level.
+ */
+MarkerClusterer.prototype.setMaxZoom = function(maxZoom) {
+  this.maxZoom_ = maxZoom;
+};
+
+
+/**
+ *  Gets the max zoom for the clusterer.
+ *
+ *  @return {number} The max zoom level.
+ */
+MarkerClusterer.prototype.getMaxZoom = function() {
+  return this.maxZoom_;
+};
+
+
+/**
+ *  The function for calculating the cluster icon image.
+ *
+ *  @param {Array.<google.maps.Marker>} markers The markers in the clusterer.
+ *  @param {number} numStyles The number of styles available.
+ *  @return {Object} A object properties: 'text' (string) and 'index' (number).
+ *  @private
+ */
+MarkerClusterer.prototype.calculator_ = function(markers, numStyles) {
+  var index = 0;
+  var count = markers.length;
+  var dv = count;
+  while (dv !== 0) {
+    dv = parseInt(dv / 10, 10);
+    index++;
+  }
+
+  index = Math.min(index, numStyles);
+  return {
+    text: count,
+    index: index
+  };
+};
+
+
+/**
+ * Set the calculator function.
+ *
+ * @param {function(Array, number)} calculator The function to set as the
+ *     calculator. The function should return a object properties:
+ *     'text' (string) and 'index' (number).
+ *
+ */
+MarkerClusterer.prototype.setCalculator = function(calculator) {
+  this.calculator_ = calculator;
+};
+
+
+/**
+ * Get the calculator function.
+ *
+ * @return {function(Array, number)} the calculator function.
+ */
+MarkerClusterer.prototype.getCalculator = function() {
+  return this.calculator_;
+};
+
+
+/**
+ * Add an array of markers to the clusterer.
+ *
+ * @param {Array.<google.maps.Marker>} markers The markers to add.
+ * @param {boolean=} opt_nodraw Whether to redraw the clusters.
+ */
+MarkerClusterer.prototype.addMarkers = function(markers, opt_nodraw) {
+  for (var i = 0, marker; marker = markers[i]; i++) {
+    this.pushMarkerTo_(marker);
+  }
+  if (!opt_nodraw) {
+    this.redraw();
+  }
+};
+
+
+/**
+ * Pushes a marker to the clusterer.
+ *
+ * @param {google.maps.Marker} marker The marker to add.
+ * @private
+ */
+MarkerClusterer.prototype.pushMarkerTo_ = function(marker) {
+  marker.isAdded = false;
+  if (marker['draggable']) {
+    // If the marker is draggable add a listener so we update the clusters on
+    // the drag end.
+    var that = this;
+    google.maps.event.addListener(marker, 'dragend', function() {
+      marker.isAdded = false;
+      that.repaint();
+    });
+  }
+  this.markers_.push(marker);
+};
+
+
+/**
+ * Adds a marker to the clusterer and redraws if needed.
+ *
+ * @param {google.maps.Marker} marker The marker to add.
+ * @param {boolean=} opt_nodraw Whether to redraw the clusters.
+ */
+MarkerClusterer.prototype.addMarker = function(marker, opt_nodraw) {
+  this.pushMarkerTo_(marker);
+  if (!opt_nodraw) {
+    this.redraw();
+  }
+};
+
+
+/**
+ * Removes a marker and returns true if removed, false if not
+ *
+ * @param {google.maps.Marker} marker The marker to remove
+ * @return {boolean} Whether the marker was removed or not
+ * @private
+ */
+MarkerClusterer.prototype.removeMarker_ = function(marker) {
+  var index = -1;
+  if (this.markers_.indexOf) {
+    index = this.markers_.indexOf(marker);
+  } else {
+    for (var i = 0, m; m = this.markers_[i]; i++) {
+      if (m == marker) {
+        index = i;
+        break;
+      }
+    }
+  }
+
+  if (index == -1) {
+    // Marker is not in our list of markers.
+    return false;
+  }
+
+  marker.setMap(null);
+
+  this.markers_.splice(index, 1);
+
+  return true;
+};
+
+
+/**
+ * Remove a marker from the cluster.
+ *
+ * @param {google.maps.Marker} marker The marker to remove.
+ * @param {boolean=} opt_nodraw Optional boolean to force no redraw.
+ * @return {boolean} True if the marker was removed.
+ */
+MarkerClusterer.prototype.removeMarker = function(marker, opt_nodraw) {
+  var removed = this.removeMarker_(marker);
+
+  if (!opt_nodraw && removed) {
+    this.resetViewport();
+    this.redraw();
+    return true;
+  } else {
+   return false;
+  }
+};
+
+
+/**
+ * Removes an array of markers from the cluster.
+ *
+ * @param {Array.<google.maps.Marker>} markers The markers to remove.
+ * @param {boolean=} opt_nodraw Optional boolean to force no redraw.
+ */
+MarkerClusterer.prototype.removeMarkers = function(markers, opt_nodraw) {
+  var removed = false;
+
+  for (var i = 0, marker; marker = markers[i]; i++) {
+    var r = this.removeMarker_(marker);
+    removed = removed || r;
+  }
+
+  if (!opt_nodraw && removed) {
+    this.resetViewport();
+    this.redraw();
+    return true;
+  }
+};
+
+
+/**
+ * Sets the clusterer's ready state.
+ *
+ * @param {boolean} ready The state.
+ * @private
+ */
+MarkerClusterer.prototype.setReady_ = function(ready) {
+  if (!this.ready_) {
+    this.ready_ = ready;
+    this.createClusters_();
+  }
+};
+
+
+/**
+ * Returns the number of clusters in the clusterer.
+ *
+ * @return {number} The number of clusters.
+ */
+MarkerClusterer.prototype.getTotalClusters = function() {
+  return this.clusters_.length;
+};
+
+
+/**
+ * Returns the google map that the clusterer is associated with.
+ *
+ * @return {google.maps.Map} The map.
+ */
+MarkerClusterer.prototype.getMap = function() {
+  return this.map_;
+};
+
+
+/**
+ * Sets the google map that the clusterer is associated with.
+ *
+ * @param {google.maps.Map} map The map.
+ */
+MarkerClusterer.prototype.setMap = function(map) {
+  this.map_ = map;
+};
+
+
+/**
+ * Returns the size of the grid.
+ *
+ * @return {number} The grid size.
+ */
+MarkerClusterer.prototype.getGridSize = function() {
+  return this.gridSize_;
+};
+
+
+/**
+ * Sets the size of the grid.
+ *
+ * @param {number} size The grid size.
+ */
+MarkerClusterer.prototype.setGridSize = function(size) {
+  this.gridSize_ = size;
+};
+
+
+/**
+ * Returns the min cluster size.
+ *
+ * @return {number} The grid size.
+ */
+MarkerClusterer.prototype.getMinClusterSize = function() {
+  return this.minClusterSize_;
+};
+
+/**
+ * Sets the min cluster size.
+ *
+ * @param {number} size The grid size.
+ */
+MarkerClusterer.prototype.setMinClusterSize = function(size) {
+  this.minClusterSize_ = size;
+};
+
+
+/**
+ * Extends a bounds object by the grid size.
+ *
+ * @param {google.maps.LatLngBounds} bounds The bounds to extend.
+ * @return {google.maps.LatLngBounds} The extended bounds.
+ */
+MarkerClusterer.prototype.getExtendedBounds = function(bounds) {
+  var projection = this.getProjection();
+
+  // Turn the bounds into latlng.
+  var tr = new google.maps.LatLng(bounds.getNorthEast().lat(),
+      bounds.getNorthEast().lng());
+  var bl = new google.maps.LatLng(bounds.getSouthWest().lat(),
+      bounds.getSouthWest().lng());
+
+  // Convert the points to pixels and the extend out by the grid size.
+  var trPix = projection.fromLatLngToDivPixel(tr);
+  trPix.x += this.gridSize_;
+  trPix.y -= this.gridSize_;
+
+  var blPix = projection.fromLatLngToDivPixel(bl);
+  blPix.x -= this.gridSize_;
+  blPix.y += this.gridSize_;
+
+  // Convert the pixel points back to LatLng
+  var ne = projection.fromDivPixelToLatLng(trPix);
+  var sw = projection.fromDivPixelToLatLng(blPix);
+
+  // Extend the bounds to contain the new bounds.
+  bounds.extend(ne);
+  bounds.extend(sw);
+
+  return bounds;
+};
+
+
+/**
+ * Determins if a marker is contained in a bounds.
+ *
+ * @param {google.maps.Marker} marker The marker to check.
+ * @param {google.maps.LatLngBounds} bounds The bounds to check against.
+ * @return {boolean} True if the marker is in the bounds.
+ * @private
+ */
+MarkerClusterer.prototype.isMarkerInBounds_ = function(marker, bounds) {
+  return bounds.contains(marker.getPosition());
+};
+
+
+/**
+ * Clears all clusters and markers from the clusterer.
+ */
+MarkerClusterer.prototype.clearMarkers = function() {
+  this.resetViewport(true);
+
+  // Set the markers a empty array.
+  this.markers_ = [];
+};
+
+
+/**
+ * Clears all existing clusters and recreates them.
+ * @param {boolean} opt_hide To also hide the marker.
+ */
+MarkerClusterer.prototype.resetViewport = function(opt_hide) {
+  // Remove all the clusters
+  for (var i = 0, cluster; cluster = this.clusters_[i]; i++) {
+    cluster.remove();
+  }
+
+  // Reset the markers to not be added and to be invisible.
+  for (var i = 0, marker; marker = this.markers_[i]; i++) {
+    marker.isAdded = false;
+    if (opt_hide) {
+      marker.setMap(null);
+    }
+  }
+
+  this.clusters_ = [];
+};
+
+/**
+ *
+ */
+MarkerClusterer.prototype.repaint = function() {
+  var oldClusters = this.clusters_.slice();
+  this.clusters_.length = 0;
+  this.resetViewport();
+  this.redraw();
+
+  // Remove the old clusters.
+  // Do it in a timeout so the other clusters have been drawn first.
+  window.setTimeout(function() {
+    for (var i = 0, cluster; cluster = oldClusters[i]; i++) {
+      cluster.remove();
+    }
+  }, 0);
+};
+
+
+/**
+ * Redraws the clusters.
+ */
+MarkerClusterer.prototype.redraw = function() {
+  this.createClusters_();
+};
+
+
+/**
+ * Calculates the distance between two latlng locations in km.
+ * @see http://www.movable-type.co.uk/scripts/latlong.html
+ *
+ * @param {google.maps.LatLng} p1 The first lat lng point.
+ * @param {google.maps.LatLng} p2 The second lat lng point.
+ * @return {number} The distance between the two points in km.
+ * @private
+*/
+MarkerClusterer.prototype.distanceBetweenPoints_ = function(p1, p2) {
+  if (!p1 || !p2) {
+    return 0;
+  }
+
+  var R = 6371; // Radius of the Earth in km
+  var dLat = (p2.lat() - p1.lat()) * Math.PI / 180;
+  var dLon = (p2.lng() - p1.lng()) * Math.PI / 180;
+  var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
+    Math.cos(p1.lat() * Math.PI / 180) * Math.cos(p2.lat() * Math.PI / 180) *
+    Math.sin(dLon / 2) * Math.sin(dLon / 2);
+  var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+  var d = R * c;
+  return d;
+};
+
+
+/**
+ * Add a marker to a cluster, or creates a new cluster.
+ *
+ * @param {google.maps.Marker} marker The marker to add.
+ * @private
+ */
+MarkerClusterer.prototype.addToClosestCluster_ = function(marker) {
+  var distance = 40000; // Some large number
+  var clusterToAddTo = null;
+  var pos = marker.getPosition();
+  for (var i = 0, cluster; cluster = this.clusters_[i]; i++) {
+    var center = cluster.getCenter();
+    if (center) {
+      var d = this.distanceBetweenPoints_(center, marker.getPosition());
+      if (d < distance) {
+        distance = d;
+        clusterToAddTo = cluster;
+      }
+    }
+  }
+
+  if (clusterToAddTo && clusterToAddTo.isMarkerInClusterBounds(marker)) {
+    clusterToAddTo.addMarker(marker);
+  } else {
+    var cluster = new Cluster(this);
+    cluster.addMarker(marker);
+    this.clusters_.push(cluster);
+  }
+};
+
+
+/**
+ * Creates the clusters.
+ *
+ * @private
+ */
+MarkerClusterer.prototype.createClusters_ = function() {
+  if (!this.ready_) {
+    return;
+  }
+
+  // Get our current map view bounds.
+  // Create a new bounds object so we don't affect the map.
+  var mapBounds = new google.maps.LatLngBounds(this.map_.getBounds().getSouthWest(),
+      this.map_.getBounds().getNorthEast());
+  var bounds = this.getExtendedBounds(mapBounds);
+
+  for (var i = 0, marker; marker = this.markers_[i]; i++) {
+    if (!marker.isAdded && this.isMarkerInBounds_(marker, bounds)) {
+      this.addToClosestCluster_(marker);
+    }
+  }
+};
+
+
+/**
+ * A cluster that contains markers.
+ *
+ * @param {MarkerClusterer} markerClusterer The markerclusterer that this
+ *     cluster is associated with.
+ * @constructor
+ * @ignore
+ */
+function Cluster(markerClusterer) {
+  this.markerClusterer_ = markerClusterer;
+  this.map_ = markerClusterer.getMap();
+  this.gridSize_ = markerClusterer.getGridSize();
+  this.minClusterSize_ = markerClusterer.getMinClusterSize();
+  this.averageCenter_ = markerClusterer.isAverageCenter();
+  this.center_ = null;
+  this.markers_ = [];
+  this.bounds_ = null;
+  this.clusterIcon_ = new ClusterIcon(this, markerClusterer.getStyles(),
+      markerClusterer.getGridSize());
+}
+
+/**
+ * Determins if a marker is already added to the cluster.
+ *
+ * @param {google.maps.Marker} marker The marker to check.
+ * @return {boolean} True if the marker is already added.
+ */
+Cluster.prototype.isMarkerAlreadyAdded = function(marker) {
+  if (this.markers_.indexOf) {
+    return this.markers_.indexOf(marker) != -1;
+  } else {
+    for (var i = 0, m; m = this.markers_[i]; i++) {
+      if (m == marker) {
+        return true;
+      }
+    }
+  }
+  return false;
+};
+
+
+/**
+ * Add a marker the cluster.
+ *
+ * @param {google.maps.Marker} marker The marker to add.
+ * @return {boolean} True if the marker was added.
+ */
+Cluster.prototype.addMarker = function(marker) {
+  if (this.isMarkerAlreadyAdded(marker)) {
+    return false;
+  }
+
+  if (!this.center_) {
+    this.center_ = marker.getPosition();
+    this.calculateBounds_();
+  } else {
+    if (this.averageCenter_) {
+      var l = this.markers_.length + 1;
+      var lat = (this.center_.lat() * (l-1) + marker.getPosition().lat()) / l;
+      var lng = (this.center_.lng() * (l-1) + marker.getPosition().lng()) / l;
+      this.center_ = new google.maps.LatLng(lat, lng);
+      this.calculateBounds_();
+    }
+  }
+
+  marker.isAdded = true;
+  this.markers_.push(marker);
+
+  var len = this.markers_.length;
+  if (len < this.minClusterSize_ && marker.getMap() != this.map_) {
+    // Min cluster size not reached so show the marker.
+    marker.setMap(this.map_);
+  }
+
+  if (len == this.minClusterSize_) {
+    // Hide the markers that were showing.
+    for (var i = 0; i < len; i++) {
+      this.markers_[i].setMap(null);
+    }
+  }
+
+  if (len >= this.minClusterSize_) {
+    marker.setMap(null);
+  }
+
+  this.updateIcon();
+  return true;
+};
+
+
+/**
+ * Returns the marker clusterer that the cluster is associated with.
+ *
+ * @return {MarkerClusterer} The associated marker clusterer.
+ */
+Cluster.prototype.getMarkerClusterer = function() {
+  return this.markerClusterer_;
+};
+
+
+/**
+ * Returns the bounds of the cluster.
+ *
+ * @return {google.maps.LatLngBounds} the cluster bounds.
+ */
+Cluster.prototype.getBounds = function() {
+  var bounds = new google.maps.LatLngBounds(this.center_, this.center_);
+  var markers = this.getMarkers();
+  for (var i = 0, marker; marker = markers[i]; i++) {
+    bounds.extend(marker.getPosition());
+  }
+  return bounds;
+};
+
+
+/**
+ * Removes the cluster
+ */
+Cluster.prototype.remove = function() {
+  this.clusterIcon_.remove();
+  this.markers_.length = 0;
+  delete this.markers_;
+};
+
+
+/**
+ * Returns the center of the cluster.
+ *
+ * @return {number} The cluster center.
+ */
+Cluster.prototype.getSize = function() {
+  return this.markers_.length;
+};
+
+
+/**
+ * Returns the center of the cluster.
+ *
+ * @return {Array.<google.maps.Marker>} The cluster center.
+ */
+Cluster.prototype.getMarkers = function() {
+  return this.markers_;
+};
+
+
+/**
+ * Returns the center of the cluster.
+ *
+ * @return {google.maps.LatLng} The cluster center.
+ */
+Cluster.prototype.getCenter = function() {
+  return this.center_;
+};
+
+
+/**
+ * Calculated the extended bounds of the cluster with the grid.
+ *
+ * @private
+ */
+Cluster.prototype.calculateBounds_ = function() {
+  var bounds = new google.maps.LatLngBounds(this.center_, this.center_);
+  this.bounds_ = this.markerClusterer_.getExtendedBounds(bounds);
+};
+
+
+/**
+ * Determines if a marker lies in the clusters bounds.
+ *
+ * @param {google.maps.Marker} marker The marker to check.
+ * @return {boolean} True if the marker lies in the bounds.
+ */
+Cluster.prototype.isMarkerInClusterBounds = function(marker) {
+  return this.bounds_.contains(marker.getPosition());
+};
+
+
+/**
+ * Returns the map that the cluster is associated with.
+ *
+ * @return {google.maps.Map} The map.
+ */
+Cluster.prototype.getMap = function() {
+  return this.map_;
+};
+
+
+/**
+ * Updates the cluster icon
+ */
+Cluster.prototype.updateIcon = function() {
+  var zoom = this.map_.getZoom();
+  var mz = this.markerClusterer_.getMaxZoom();
+
+  if (mz && zoom > mz) {
+    // The zoom is greater than our max zoom so show all the markers in cluster.
+    for (var i = 0, marker; marker = this.markers_[i]; i++) {
+      marker.setMap(this.map_);
+    }
+    return;
+  }
+
+  if (this.markers_.length < this.minClusterSize_) {
+    // Min cluster size not yet reached.
+    this.clusterIcon_.hide();
+    return;
+  }
+
+  var numStyles = this.markerClusterer_.getStyles().length;
+  var sums = this.markerClusterer_.getCalculator()(this.markers_, numStyles);
+  this.clusterIcon_.setCenter(this.center_);
+  this.clusterIcon_.setSums(sums);
+  this.clusterIcon_.show();
+};
+
+
+/**
+ * A cluster icon
+ *
+ * @param {Cluster} cluster The cluster to be associated with.
+ * @param {Object} styles An object that has style properties:
+ *     'url': (string) The image url.
+ *     'height': (number) The image height.
+ *     'width': (number) The image width.
+ *     'anchor': (Array) The anchor position of the label text.
+ *     'textColor': (string) The text color.
+ *     'textSize': (number) The text size.
+ *     'backgroundPosition: (string) The background postition x, y.
+ * @param {number=} opt_padding Optional padding to apply to the cluster icon.
+ * @constructor
+ * @extends google.maps.OverlayView
+ * @ignore
+ */
+function ClusterIcon(cluster, styles, opt_padding) {
+  cluster.getMarkerClusterer().extend(ClusterIcon, google.maps.OverlayView);
+
+  this.styles_ = styles;
+  this.padding_ = opt_padding || 0;
+  this.cluster_ = cluster;
+  this.center_ = null;
+  this.map_ = cluster.getMap();
+  this.div_ = null;
+  this.sums_ = null;
+  this.visible_ = false;
+
+  this.setMap(this.map_);
+}
+
+
+/**
+ * Triggers the clusterclick event and zoom's if the option is set.
+ *
+ * @param {google.maps.MouseEvent} event The event to propagate
+ */
+ClusterIcon.prototype.triggerClusterClick = function(event) {
+  var markerClusterer = this.cluster_.getMarkerClusterer();
+
+  // Trigger the clusterclick event.
+  google.maps.event.trigger(markerClusterer, 'clusterclick', this.cluster_, event);
+
+  if (markerClusterer.isZoomOnClick()) {
+    // Zoom into the cluster.
+    this.map_.fitBounds(this.cluster_.getBounds());
+  }
+};
+
+
+/**
+ * Adding the cluster icon to the dom.
+ * @ignore
+ */
+ClusterIcon.prototype.onAdd = function() {
+  this.div_ = document.createElement('DIV');
+  if (this.visible_) {
+    var pos = this.getPosFromLatLng_(this.center_);
+    this.div_.style.cssText = this.createCss(pos);
+    this.div_.innerHTML = this.sums_.text;
+  }
+
+  var panes = this.getPanes();
+  panes.overlayMouseTarget.appendChild(this.div_);
+
+  var that = this;
+  var isDragging = false;
+  google.maps.event.addDomListener(this.div_, 'click', function(event) {
+    // Only perform click when not preceded by a drag
+    if (!isDragging) {
+      that.triggerClusterClick(event);
+    }
+  });
+  google.maps.event.addDomListener(this.div_, 'mousedown', function() {
+    isDragging = false;
+  });
+  google.maps.event.addDomListener(this.div_, 'mousemove', function() {
+    isDragging = true;
+  });
+};
+
+
+/**
+ * Returns the position to place the div dending on the latlng.
+ *
+ * @param {google.maps.LatLng} latlng The position in latlng.
+ * @return {google.maps.Point} The position in pixels.
+ * @private
+ */
+ClusterIcon.prototype.getPosFromLatLng_ = function(latlng) {
+  var pos = this.getProjection().fromLatLngToDivPixel(latlng);
+
+  if (typeof this.iconAnchor_ === 'object' && this.iconAnchor_.length === 2) {
+    pos.x -= this.iconAnchor_[0];
+    pos.y -= this.iconAnchor_[1];
+  } else {
+    pos.x -= parseInt(this.width_ / 2, 10);
+    pos.y -= parseInt(this.height_ / 2, 10);
+  }
+  return pos;
+};
+
+
+/**
+ * Draw the icon.
+ * @ignore
+ */
+ClusterIcon.prototype.draw = function() {
+  if (this.visible_) {
+    var pos = this.getPosFromLatLng_(this.center_);
+    this.div_.style.top = pos.y + 'px';
+    this.div_.style.left = pos.x + 'px';
+  }
+};
+
+
+/**
+ * Hide the icon.
+ */
+ClusterIcon.prototype.hide = function() {
+  if (this.div_) {
+    this.div_.style.display = 'none';
+  }
+  this.visible_ = false;
+};
+
+
+/**
+ * Position and show the icon.
+ */
+ClusterIcon.prototype.show = function() {
+  if (this.div_) {
+    var pos = this.getPosFromLatLng_(this.center_);
+    this.div_.style.cssText = this.createCss(pos);
+    this.div_.style.display = '';
+  }
+  this.visible_ = true;
+};
+
+
+/**
+ * Remove the icon from the map
+ */
+ClusterIcon.prototype.remove = function() {
+  this.setMap(null);
+};
+
+
+/**
+ * Implementation of the onRemove interface.
+ * @ignore
+ */
+ClusterIcon.prototype.onRemove = function() {
+  if (this.div_ && this.div_.parentNode) {
+    this.hide();
+    this.div_.parentNode.removeChild(this.div_);
+    this.div_ = null;
+  }
+};
+
+
+/**
+ * Set the sums of the icon.
+ *
+ * @param {Object} sums The sums containing:
+ *   'text': (string) The text to display in the icon.
+ *   'index': (number) The style index of the icon.
+ */
+ClusterIcon.prototype.setSums = function(sums) {
+  this.sums_ = sums;
+  this.text_ = sums.text;
+  this.index_ = sums.index;
+  if (this.div_) {
+    this.div_.innerHTML = sums.text;
+  }
+
+  this.useStyle();
+};
+
+
+/**
+ * Sets the icon to the styles.
+ */
+ClusterIcon.prototype.useStyle = function() {
+  var index = Math.max(0, this.sums_.index - 1);
+  index = Math.min(this.styles_.length - 1, index);
+  var style = this.styles_[index];
+  this.url_ = style['url'];
+  this.height_ = style['height'];
+  this.width_ = style['width'];
+  this.textColor_ = style['textColor'];
+  this.anchor_ = style['anchor'];
+  this.textSize_ = style['textSize'];
+  this.backgroundPosition_ = style['backgroundPosition'];
+  this.iconAnchor_ = style['iconAnchor'];
+};
+
+
+/**
+ * Sets the center of the icon.
+ *
+ * @param {google.maps.LatLng} center The latlng to set as the center.
+ */
+ClusterIcon.prototype.setCenter = function(center) {
+  this.center_ = center;
+};
+
+
+/**
+ * Create the css text based on the position of the icon.
+ *
+ * @param {google.maps.Point} pos The position.
+ * @return {string} The css style text.
+ */
+ClusterIcon.prototype.createCss = function(pos) {
+  var style = [];
+  style.push('background-image:url(' + this.url_ + ');');
+  var backgroundPosition = this.backgroundPosition_ ? this.backgroundPosition_ : '0 0';
+  style.push('background-position:' + backgroundPosition + ';');
+
+  if (typeof this.anchor_ === 'object') {
+    if (typeof this.anchor_[0] === 'number' && this.anchor_[0] > 0 &&
+        this.anchor_[0] < this.height_) {
+      style.push('height:' + (this.height_ - this.anchor_[0]) +
+          'px; padding-top:' + this.anchor_[0] + 'px;');
+    } else if (typeof this.anchor_[0] === 'number' && this.anchor_[0] < 0 &&
+        -this.anchor_[0] < this.height_) {
+      style.push('height:' + this.height_ + 'px; line-height:' + (this.height_ + this.anchor_[0]) +
+          'px;');
+    } else {
+      style.push('height:' + this.height_ + 'px; line-height:' + this.height_ +
+          'px;');
+    }
+    if (typeof this.anchor_[1] === 'number' && this.anchor_[1] > 0 &&
+        this.anchor_[1] < this.width_) {
+      style.push('width:' + (this.width_ - this.anchor_[1]) +
+          'px; padding-left:' + this.anchor_[1] + 'px;');
+    } else {
+      style.push('width:' + this.width_ + 'px; text-align:center;');
+    }
+  } else {
+    style.push('height:' + this.height_ + 'px; line-height:' +
+        this.height_ + 'px; width:' + this.width_ + 'px; text-align:center;');
+  }
+
+  var txtColor = this.textColor_ ? this.textColor_ : 'black';
+  var txtSize = this.textSize_ ? this.textSize_ : 11;
+
+  style.push('cursor:pointer; top:' + pos.y + 'px; left:' +
+      pos.x + 'px; color:' + txtColor + '; position:absolute; font-size:' +
+      txtSize + 'px; font-family:Arial,sans-serif; font-weight:bold');
+  return style.join('');
+};
+
+
+// Export Symbols for Closure
+// If you are not going to compile with closure then you can remove the
+// code below.
+window['MarkerClusterer'] = MarkerClusterer;
+MarkerClusterer.prototype['addMarker'] = MarkerClusterer.prototype.addMarker;
+MarkerClusterer.prototype['addMarkers'] = MarkerClusterer.prototype.addMarkers;
+MarkerClusterer.prototype['clearMarkers'] =
+    MarkerClusterer.prototype.clearMarkers;
+MarkerClusterer.prototype['fitMapToMarkers'] =
+    MarkerClusterer.prototype.fitMapToMarkers;
+MarkerClusterer.prototype['getCalculator'] =
+    MarkerClusterer.prototype.getCalculator;
+MarkerClusterer.prototype['getGridSize'] =
+    MarkerClusterer.prototype.getGridSize;
+MarkerClusterer.prototype['getExtendedBounds'] =
+    MarkerClusterer.prototype.getExtendedBounds;
+MarkerClusterer.prototype['getMap'] = MarkerClusterer.prototype.getMap;
+MarkerClusterer.prototype['getMarkers'] = MarkerClusterer.prototype.getMarkers;
+MarkerClusterer.prototype['getMaxZoom'] = MarkerClusterer.prototype.getMaxZoom;
+MarkerClusterer.prototype['getStyles'] = MarkerClusterer.prototype.getStyles;
+MarkerClusterer.prototype['getTotalClusters'] =
+    MarkerClusterer.prototype.getTotalClusters;
+MarkerClusterer.prototype['getTotalMarkers'] =
+    MarkerClusterer.prototype.getTotalMarkers;
+MarkerClusterer.prototype['redraw'] = MarkerClusterer.prototype.redraw;
+MarkerClusterer.prototype['removeMarker'] =
+    MarkerClusterer.prototype.removeMarker;
+MarkerClusterer.prototype['removeMarkers'] =
+    MarkerClusterer.prototype.removeMarkers;
+MarkerClusterer.prototype['resetViewport'] =
+    MarkerClusterer.prototype.resetViewport;
+MarkerClusterer.prototype['repaint'] =
+    MarkerClusterer.prototype.repaint;
+MarkerClusterer.prototype['setCalculator'] =
+    MarkerClusterer.prototype.setCalculator;
+MarkerClusterer.prototype['setGridSize'] =
+    MarkerClusterer.prototype.setGridSize;
+MarkerClusterer.prototype['setMaxZoom'] =
+    MarkerClusterer.prototype.setMaxZoom;
+MarkerClusterer.prototype['onAdd'] = MarkerClusterer.prototype.onAdd;
+MarkerClusterer.prototype['draw'] = MarkerClusterer.prototype.draw;
+
+Cluster.prototype['getCenter'] = Cluster.prototype.getCenter;
+Cluster.prototype['getSize'] = Cluster.prototype.getSize;
+Cluster.prototype['getMarkers'] = Cluster.prototype.getMarkers;
+
+ClusterIcon.prototype['onAdd'] = ClusterIcon.prototype.onAdd;
+ClusterIcon.prototype['draw'] = ClusterIcon.prototype.draw;
+ClusterIcon.prototype['onRemove'] = ClusterIcon.prototype.onRemove;
diff --git a/views/google_map_templates.xml b/views/google_map_templates.xml
new file mode 100644
index 0000000..755e0da
--- /dev/null
+++ b/views/google_map_templates.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+<template id="google_map">
+&lt;!DOCTYPE html&gt;
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+        <title>World Map</title>
+        <link rel="stylesheet" type="text/css" href="/website_google_map/static/src/css/website_google_map.css"/>
+    </head>
+    <body t-att-data-partner-url="partner_url or None">
+        <script>
+            var odoo_partner_data = <t t-out="partner_data"/>;
+        </script>
+        <div id="odoo-google-map"></div>
+        <t t-if="google_maps_api_key">
+            <script t-attf-src="//maps.google.com/maps/api/js?key=#{google_maps_api_key}"></script>
+        </t>
+        <t t-else="1">
+            <script src="//maps.google.com/maps/api/js"></script>
+        </t>
+        <script type="text/javascript" src="/website_google_map/static/src/lib/markerclusterer.js"></script>
+        <script type="text/javascript" src="/website_google_map/static/src/js/website_google_map.js"></script>
+    </body>
+</html>
+</template>
+</odoo>