{"id":4378,"date":"2023-06-23T23:15:23","date_gmt":"2023-06-23T23:15:23","guid":{"rendered":"https:\/\/don-cicleto.ronindev.today\/mapa-de-teste\/"},"modified":"2023-10-11T18:02:24","modified_gmt":"2023-10-11T18:02:24","slug":"mapa-de-teste","status":"publish","type":"page","link":"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/","title":{"rendered":"Mapa de teste"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4378\" class=\"elementor elementor-4378 elementor-52\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d700433 e-flex e-con-boxed e-con e-parent\" data-id=\"d700433\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9bf11a9 e-flex e-con-boxed e-con e-parent\" data-id=\"9bf11a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e83f4a elementor-widget elementor-widget-shortcode\" data-id=\"0e83f4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<script src='https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.9.1\/mapbox-gl.js'><\/script>\n<link href='https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.9.1\/mapbox-gl.css' rel='stylesheet' \/>\n\n<style>\n\n\t.marker {\n\t\tbackground-image: url('https:\/\/www.web.doncicleto.com\/wp-content\/uploads\/2023\/06\/Down.png');\n\t\tbackground-size: cover;\n\t\twidth: 50px;\n\t\theight: 50px;\n\t\tcursor: pointer;\n\t}\n\t\n\t.mapboxgl-popup {\n\t\tmax-width: 200px;\n\t}\n\t.mapboxgl-popup-content {\n\t\ttext-align: left;\n\t\tfont-family: 'Open Sans', sans-serif;\n\t\tpadding: 30px 15px;\n\t}\n\t\n\t.mapboxgl-popup-content h3{\n\t\tfont-size: 16px !important;\n\t\tfont-weight: bold !important;\n\t}\n\t\n\t.mapboxgl-popup-content p{\n\t\tfont-size: 12px !important;\n\t\tfont-weight: 400 !important;\n\t}\n\t\n\t.mapboxgl-popup-close-button{\n\t\tbackground: none !important;\n\t\tcolor: #000 !important;\n\t}\n\t\n\t.mapboxgl-popup-close-button:focus {\n\t  outline: none !important;\n\t  box-shadow: none !important;\n\t}\n<\/style>\n\n<div id='map' style='width: 100%; height: 100%; min-height: 50vh;'><\/div>\n<script>\n\t\n\tmapboxgl.accessToken = 'pk.eyJ1Ijoicm9uaW40IiwiYSI6ImNsajk2bXAyczE4aDczZ3AwYzZxbjV1NHUifQ.qZxTyHw6fU-2Y4xVSyXIoA';\n\tvar map;\n\tvar elJson, geoson;\n\t\n\tjQuery.getJSON( \"https:\/\/www.doncicleto.com\/api\/v1\/parkings\", function( data ) {\n\t  \t\n\t\telJson= data;\n\t\t\n\t\tgeoson='{\"type\": \"FeatureCollection\", \"crs\": { \"type\": \"name\", \"properties\": { \"name\": \"Don Cicleto\" } }, \"features\": [';\n\t\n\t\tfor (var i=0; i<elJson.data.length; i++) {\n\t\t\t\n\t\t\tvar cacho='{\"type\": \"Feature\", \"properties\": {\"nombre\": \"'+limpia(elJson.data[i]['attributes']['nombre'])+'\", \"info\": \"'+limpia(elJson.data[i]['attributes']['info'])+'\", \"acceso\": \"'+limpia(elJson.data[i]['attributes']['acceso'])+'\", \"address\": \"'+limpia(elJson.data[i]['attributes']['address'])+'\", \"telefono\": \"'+limpia(elJson.data[i]['attributes']['telefono-contacto'])+'\"}, \"geometry\": { \"type\": \"Point\", \"coordinates\": ['+limpia(elJson.data[i]['attributes']['longitude'])+', '+limpia(elJson.data[i]['attributes']['latitude'])+', 0.0] } },';\n\t\t\t\n\t\t\tconsole.log(cacho);\n\t\t\tgeoson+=cacho;\n\n\t\t}\n\t\t\n\t\tgeoson=geoson.substring(0, geoson.length-1);\n\n\t\tgeoson+=']}';\n\t\t\n\t\tconsole.log(geoson);\n\t\t\n\t\t\n\t\tmap = new mapboxgl.Map({\n\t\t\tcontainer: 'map',\n\t\t\tstyle: 'mapbox:\/\/styles\/mapbox\/streets-v11',\n\t\t\tcenter: [-3.69839, 40.41615],\n\t\t\tzoom: 5,\n\t\t\tattributionControl: false,\n\t\t\tlogoPosition: 'bottom-right',\n\t\t  })\n\n\t\tmap.addControl(new mapboxgl.NavigationControl());\n\t\t\n\t\tmap.on('load', () => {\t\n\t\t\n\t\t\tmap.loadImage(\n\t\t\t\t'https:\/\/www.web.doncicleto.com\/wp-content\/uploads\/2023\/09\/DownL.png',\n\t\t\t\t(error, image) => {\n\t\t\t\tif (error) throw error;\n\n\t\t\t\t\/\/ Add the image to the map style.\n\t\t\t\tmap.addImage('icon-marker', image);\t\n\t\t\t\n\t\t\tmap.loadImage(\n\t\t\t\t'https:\/\/www.web.doncicleto.com\/wp-content\/uploads\/2023\/06\/Down.png',\n\t\t\t\t(error, image) => {\n\t\t\t\tif (error) throw error;\n\n\t\t\t\t\/\/ Add the image to the map style.\n\t\t\t\tmap.addImage('icon-marker-big', image);\n\t\t\t\n\t\t\t\n\t\t\tmap.addSource('estaciones', {\n\t\t\t\ttype: 'geojson',\n\t\t\t\tdata: JSON.parse(geoson),\n\t\t\t\tcluster: true,\n\t\t\t\tclusterMaxZoom: 10, \/\/ Max zoom to cluster points on\n\t\t\t\tclusterRadius: 50 \/\/ Radius of each cluster when clustering points (defaults to 50)\n\t\t\t});\n\n\t\t\tmap.addLayer({\n\t\t\t\tid: 'cluster-count',\n\t\t\t\ttype: 'symbol',\n\t\t\t\tsource: 'estaciones',\n\t\t\t\tfilter: ['has', 'point_count'],\n\t\t\t\tlayout: {\n\t\t\t\t\t\"icon-image\": \"icon-marker-big\",\n\t\t\t\t\t'text-field': ['get', 'point_count_abbreviated'],\n\t\t\t\t\t'text-font': ['DIN Offc Pro Medium', 'Arial Unicode MS Bold'],\n\t\t\t\t\t'text-size': 12,\n\t\t\t\t\t\"text-offset\": [0, -.95],\n\t\t\t\t\t\"text-anchor\": \"top\"\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tmap.addLayer({\n\t\t\t\tid: 'unclustered-point',\n\t\t\t\ttype: 'symbol',\n\t\t\t\tsource: 'estaciones',\n\t\t\t\tfilter: ['!', ['has', 'point_count']],\t\n\t\t\t\t\"layout\": {\n\t\t\t\t\t\"icon-image\": \"icon-marker\",\n\t\t\t\t\t\"text-field\": \"{nombre}\",\n\t\t\t\t\t\"text-font\": ['DIN Offc Pro Medium', 'Arial Unicode MS Bold'],\n\t\t\t\t\t'text-field': [\n\t\t\t\t\t\t'format',\n\t\t\t\t\t\t['upcase', ['get', 'nombre']],\n\t\t\t\t\t\t{ 'font-scale': 0.8 }\n\t\t\t\t\t],\n\t\t\t\t\t\"text-offset\": [0, 1.4],\n\t\t\t\t\t\"text-anchor\": \"top\"\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tmap.on('click', 'cluster-count', (e) => {\n\t\t\t\tconst features = map.queryRenderedFeatures(e.point, {\n\t\t\t\t\tlayers: ['cluster-count']\n\t\t\t\t});\n\t\t\t\tconst clusterId = features[0].properties.cluster_id;\n\t\t\t\tmap.getSource('estaciones').getClusterExpansionZoom(\n\t\t\t\t\tclusterId,\n\t\t\t\t\t(err, zoom) => {\n\t\t\t\t\t\tif (err) return;\n\n\t\t\t\t\t\tmap.easeTo({\n\t\t\t\t\t\t\tcenter: features[0].geometry.coordinates,\n\t\t\t\t\t\t\tzoom: zoom+2\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\n\t\t\tmap.on('click', 'unclustered-point', (e) => {\n\t\t\t\tconst coordinates = e.features[0].geometry.coordinates.slice();\n\t\t\t\tconst nombre = e.features[0].properties.nombre;\n\t\t\t\tconst acceso = e.features[0].properties.acceso;\n\t\t\t\tconst address = e.features[0].properties.address;\n\t\t\t\tconst telefono = e.features[0].properties.telefono;\n\t\t\t\tconst info = e.features[0].properties.info;\n\n\t\t\t\tnew mapboxgl.Popup()\n\t\t\t\t\t.setLngLat(coordinates)\n\t\t\t\t\t.setHTML(\n\t\t\t\t\t\t`<h3>${nombre}<\/h3><p><strong>Acceso: <\/strong>${acceso}<br><strong>Direcci\u00f3n: <\/strong>${address}<br><strong>Tel\u00e9fono: <\/strong>${telefono}<br><br>${info}<\/p>`\n\t\t\t\t\t)\n\t\t\t\t\t.addTo(map);\n\t\t\t});\n\n\t\t\tmap.on('mouseenter', 'cluster-count', () => {\n\t\t\t\tmap.getCanvas().style.cursor = 'pointer';\n\t\t\t});\n\t\t\tmap.on('mouseleave', 'cluster-count', () => {\n\t\t\t\tmap.getCanvas().style.cursor = '';\n\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\t\n\t\t\t\t\t});\n\n\t\t});\n\t\t\n\t});\n\t\n\tfunction limpia(stringo){\n\t\tconsole.log(stringo);\n\t\tvar limpio1= String(stringo).replace( \/[\\r\\n]+\/gm, \"\" );\n\t\tvar limpio2= String(limpio1).replace( '\"', '' );\n\t\tlimpio2= String(limpio2).replace( ' \"', '' );\n\t\tlimpio2= String(limpio2).replace( '\\\"', '' );\n\t\tconsole.log('limpio');\n\t\tconsole.log(limpio2);\n\t\treturn limpio2;\n\t}\n  \n  \n<\/script>\n\n\n\t\n\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-4378","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mapa de teste - Don Cicleto<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mapa de teste - Don Cicleto\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/\" \/>\n<meta property=\"og:site_name\" content=\"Don Cicleto\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-11T18:02:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/\",\"url\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/\",\"name\":\"Mapa de teste - Don Cicleto\",\"isPartOf\":{\"@id\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/#website\"},\"datePublished\":\"2023-06-23T23:15:23+00:00\",\"dateModified\":\"2023-10-11T18:02:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/inicio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mapa de teste\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/#website\",\"url\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/\",\"name\":\"Don Cicleto\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/#organization\",\"name\":\"Don Cicleto\",\"url\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.web.doncicleto.com\/wp-content\/uploads\/2023\/06\/Don-Cicleto-logo-txt.svg\",\"contentUrl\":\"https:\/\/www.web.doncicleto.com\/wp-content\/uploads\/2023\/06\/Don-Cicleto-logo-txt.svg\",\"width\":132,\"height\":32,\"caption\":\"Don Cicleto\"},\"image\":{\"@id\":\"https:\/\/www.web.doncicleto.com\/pt-pt\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mapa de teste - Don Cicleto","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/","og_locale":"pt_PT","og_type":"article","og_title":"Mapa de teste - Don Cicleto","og_url":"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/","og_site_name":"Don Cicleto","article_modified_time":"2023-10-11T18:02:24+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/","url":"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/","name":"Mapa de teste - Don Cicleto","isPartOf":{"@id":"https:\/\/www.web.doncicleto.com\/pt-pt\/#website"},"datePublished":"2023-06-23T23:15:23+00:00","dateModified":"2023-10-11T18:02:24+00:00","breadcrumb":{"@id":"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.web.doncicleto.com\/pt-pt\/mapa-de-teste\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.web.doncicleto.com\/pt-pt\/inicio\/"},{"@type":"ListItem","position":2,"name":"Mapa de teste"}]},{"@type":"WebSite","@id":"https:\/\/www.web.doncicleto.com\/pt-pt\/#website","url":"https:\/\/www.web.doncicleto.com\/pt-pt\/","name":"Don Cicleto","description":"","publisher":{"@id":"https:\/\/www.web.doncicleto.com\/pt-pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.web.doncicleto.com\/pt-pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/www.web.doncicleto.com\/pt-pt\/#organization","name":"Don Cicleto","url":"https:\/\/www.web.doncicleto.com\/pt-pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.web.doncicleto.com\/pt-pt\/#\/schema\/logo\/image\/","url":"https:\/\/www.web.doncicleto.com\/wp-content\/uploads\/2023\/06\/Don-Cicleto-logo-txt.svg","contentUrl":"https:\/\/www.web.doncicleto.com\/wp-content\/uploads\/2023\/06\/Don-Cicleto-logo-txt.svg","width":132,"height":32,"caption":"Don Cicleto"},"image":{"@id":"https:\/\/www.web.doncicleto.com\/pt-pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.web.doncicleto.com\/pt-pt\/wp-json\/wp\/v2\/pages\/4378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.web.doncicleto.com\/pt-pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.web.doncicleto.com\/pt-pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.web.doncicleto.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.web.doncicleto.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=4378"}],"version-history":[{"count":1,"href":"https:\/\/www.web.doncicleto.com\/pt-pt\/wp-json\/wp\/v2\/pages\/4378\/revisions"}],"predecessor-version":[{"id":4385,"href":"https:\/\/www.web.doncicleto.com\/pt-pt\/wp-json\/wp\/v2\/pages\/4378\/revisions\/4385"}],"wp:attachment":[{"href":"https:\/\/www.web.doncicleto.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=4378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}