Se deja de usar jquery por puro javascript

fpsampayo · Jul 4, 2017 · 9f651c8 · 9f651c8
1 parent a7b7b00
commit 9f651c8
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 23 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -63,16 +63,16 @@ <h4 class="panel-title">
             </div>
             <div class="panel panel-default">
                 <div class="panel-heading" role="tab" id="headingTwo">
-                <h4 class="panel-title">
-                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-                    Histórico
-                    </a>
-                </h4>
+                    <h4 class="panel-title">
+                        <a id="nav-historico" class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+                        Histórico
+                        </a>
+                    </h4>
                 </div>
                 <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
-                <div class="panel-body" id="medidor">
-                    Por implementar
-                </div>
+                    <div class="panel-body" id="medidor">
+                        Por implementar
+                    </div>
                 </div>
             </div>
             <div class="panel panel-default">

diff --git a/src/index.js b/src/index.js
@@ -15,30 +15,39 @@ const catastroParser = new CatastroParser()
 const btnSidebar = document.getElementById('menu-toggle')
 
 const btnSearch = document.getElementById('btn-search')
+const imputRefCat = document.getElementById('navRefCatForm')
+const navHistorico = document.getElementById('nav-historico')
 
+const sideNav = document.getElementById('mySidenav')
 
-btnSearch.addEventListener('click', (evt) => {
-  evt.stopPropagation()
+const refCatSearch = () => {
   const refCat = document.getElementById('txt-refcat').value
 
   catastroParser.getParcel(refCat).then((geoJson) => {
     map.loadGeoJson(geoJson)
   })
+}
+
+
+btnSearch.addEventListener('click', (evt) => {
+  evt.stopPropagation()
+
+  refCatSearch()
+})
+
+/* Previene que al pulsar intro se refresque la web y dispara el evento click */
+imputRefCat.addEventListener('keypress', (e) => {
+  if (e.which == 13) {
+    e.preventDefault()
+    refCatSearch()
+  }
 })
 
 btnSidebar.addEventListener('click', (evt) => {
   evt.preventDefault()
-  $("#mySidenav").toggleClass("toggled")  
+  sideNav.classList.toggle('toggled')
 })
 
 if (document.body.clientWidth >= 767) {
-  $("#mySidenav").toggleClass("toggled")
+  sideNav.classList.toggle('toggled')
 }
-
-/* Previene que al pulsar intro se refresque la web y dispara el evento click */
-$("#navRefCatForm").keypress(function (e) {
-  if (e.which == 13) {
-    e.preventDefault()
-    btnSearch.click()
-  }
-})
diff --git a/src/map.js b/src/map.js
@@ -59,7 +59,7 @@ export default class Map {
       }
     )
 
-    const catastroOverlay = L.nonTiledLayer.wms(catastroUrl, {
+    this.catastroOverlay = L.nonTiledLayer.wms(catastroUrl, {
       maxZoom: MAX_ZOOM,
       layers: 'Catastro',
       format: 'image/png',
@@ -87,7 +87,7 @@ export default class Map {
     }
 
     const overLays = {
-      'Catastro' : catastroOverlay,
+      'Catastro' : this.catastroOverlay,
       //'Catastro.wms': Spain_Catastro
     }
 
@@ -96,7 +96,9 @@ export default class Map {
     layerControl.addTo(this.map)
 
     var htmlObject = layerControl.getContainer()
-    $('#panel-capas').append(htmlObject)
+
+    const panelCapas = document.getElementById('panel-capas')
+    panelCapas.appendChild(htmlObject)
 
   }
 
@@ -108,5 +110,15 @@ export default class Map {
     this.clearHighLight()
     this.highlight.addData(geoJson)
   }
+
+  catastroHistorico() {
+
+    this.catastroOverlay._wmsUrl = "https://ovc.catastro.meh.es/Cartografia/WMS/ServidorWMS.aspx?TIME=2017-07-01"
+    this.catastroOverlay.addTo(this.map)
+
+    this.catastroOverlay.redraw()
+
+    console.log(this.map)
+  }
 }