{"id":381,"date":"2016-02-10T02:54:36","date_gmt":"2016-02-10T02:54:36","guid":{"rendered":"https:\/\/www.joseluisestevez.com\/?p=381"},"modified":"2017-02-01T11:21:44","modified_gmt":"2017-02-01T11:21:44","slug":"creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas","status":"publish","type":"post","link":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/","title":{"rendered":"Creando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas"},"content":{"rendered":"

En esta entrada quiero continuar con el desarrollo de Sistemas de Informaci\u00f3n Geogr\u00e1fica en Software Libre, ahora vamos a ver la capa de presentaci\u00f3n con dos soluciones que son com\u00fanmente combinadas para mostrar interfaces avanzadas como lo son OpenLayers3 y GeoExt3 que trabaja directamente con ExtJS 6.<\/p>\n

OpenLayers muestra los datos geoespaciales en cualquier navegador web de escritorio moderno o m\u00f3vil, es compatible con una gran variedad de tipos de datos y capas su c\u00f3digo fuentes esta basado las \u00faltimas tecnolog\u00edas de navegaci\u00f3n como HTML5, WebGL y CSS3 adem\u00e1s de ser de c\u00f3digo abierto bajo una derivaci\u00f3n de la licencia BSD<\/span><\/p>\n

Sin embargo OpenLayers carece de una rica interfaz de usuario. Para solucionar esto contamos con la librer\u00eda Ext JS.<\/span><\/p>\n

<\/p>\n

\"geoext-logo_transp_11\"<\/a><\/p>\n

OpenLayers 3 y GeoExt 3 es la combinaci\u00f3n perfecta para crear una aplicaci\u00f3n web mapping. GeoExt 3 es un conjunto de herramientas, basadas en JavaScript, para crear aplicaciones web mapping. Combina la funcionalidad SIG de OpenLayers 3 con la interfaz de usuario de la librer\u00eda ExtJS, proporcionada por Sencha, es la librer\u00eda de c\u00f3digo abierto perfecta que nos permitir\u00e1 crear aplicaciones GIS similares a las de escritorio, pero en la web.<\/span><\/p>\n

\u00bfC\u00f3mo se utiliza?<\/span><\/h2>\n

En primer lugar es necesario a\u00f1adir las librer\u00edas css a la cabecera de nuestra web:<\/span><\/p>\n

<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"utf-8\">\r\n    <title>GeoExt.component.Map Example<\/title>\r\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"http:\/\/openlayers.org\/en\/master\/css\/ol.css\">\r\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/extjs\/6.0.0\/classic\/theme-crisp\/resources\/theme-crisp-all.css\"\/>\r\n<\/head><\/pre>\n
y las librer\u00edas js:<\/span><\/p>\n
<body>\r\n      <div id='description'>\r\n            <p>\r\n                Presentaci\u00f3n de capas de Ciudad de M\u00e9xico\r\n            <\/p>\r\n            <p>\r\n                Este visor muestra las capas importadas en el GeoServer\r\n            <\/p>\r\n            <div id=\"location\"><\/div>\r\n            <div id=\"scale\"><\/div><div id=\"popup\"><\/div>\r\n        <\/div>\r\n    <script src=\"http:\/\/openlayers.org\/en\/master\/build\/ol.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/extjs\/6.0.0\/ext-all.js\"><\/script>\r\n    <script>\r\n            Ext.Loader.setConfig({\r\n                enabled: true,\r\n                paths: {\r\n                    'GeoExt': '.\/src'\r\n                }\r\n            });\r\n    <\/script>\r\n    <script src=\"js\/ol-popup.js\"><\/script>\r\n    <script src=\"js\/map.js\"><\/script><\/pre>\n
Vamos a ver algunas l\u00edneas de este c\u00f3digo para ver c\u00f3mo trabajan juntas las librer\u00edas de OpenLayers y de GeoExt:<\/span><\/p>\n
En nuestro archivo map.js tenemos el siguiente c\u00f3digo:<\/span><\/p>\n
olMap = new ol.Map({\r\nlayers: [mexico_city_polygon],\r\n            view: new ol.View({\r\n                center: ol.proj.fromLonLat([-99.1184208, 19.4611027]),\r\n                zoom: 10\r\n            })\r\n\r\nmapComponent = Ext.create('GeoExt.component.Map', {\r\n            map: olMap\r\n        });\r\n\r\n        mapPanel = Ext.create('Ext.panel.Panel', {\r\n            region: 'center',\r\n            border: false,\r\n            layout: 'fit',\r\n            items: [mapComponent]\r\n        });<\/pre>\n
En el primer bloque se crea el mapa con OpenLayes 3, mediante el uso de clase ol.Map. En el segundo bloque (mapComponent) se crea el Mapa de GeoExt que contiene el mapa que se acaba de crear con OpenLayers y en el tercer bloque (mapPanel) se crea el panel de capas.<\/span><\/p>\n
Un ejemplo de lo que podemos hacer con GeoExt 3<\/span><\/p>\n
\"openlayers2\"<\/a><\/p>\n
Para enriquecer m\u00e1s nuestro mapa vamos a consumir servicios geojson para mostrar puntos con unos iconos<\/span><\/p>\n
Veamos el siguiente segmento de c\u00f3digo<\/span><\/p>\n
 function pointStyleFunction(feature, resolution) {\r\n            return new ol.style.Style({\r\n                image: new ol.style.Icon(({\r\n                    src: '\/mexico_city\/icons\/restaurant.png'\r\n                }))\r\n            });\r\n        }\r\n\r\n        var restaurant = new ol.layer.Vector({\r\n            source: new ol.source.Vector({\r\n                url: 'http:\/\/<IP_GEOSERVER>:8080\/geoserver\/mexico_city\/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=restaurant&outputFormat=application%2Fjson',\r\n                format: new ol.format.GeoJSON()\r\n            }),\r\n            maxResolution: 20,\r\n            name: 'Restaurantes',\r\n            style: pointStyleFunction\r\n        });\r\n        \r\n        var layerPoints = new ol.layer.Group({\r\n            layers: [restaurant],\r\n            name: 'Puntos de Interes'\r\n        });<\/pre>\n
Podemos ver un ejemplo de c\u00f3mo se visualizan los puntos que hemos creado:<\/span><\/p>\n
\"openlayers1\"<\/a><\/p>\n
 <\/p>\n
Para m\u00e1s informaci\u00f3n puedes visitar la pagina oficial donde hay muchos ejemplos para comenzar:<\/p>\n
    \n
  1. OpenLayers<\/a><\/li>\n
  2. GeoExt3<\/a><\/li>\n<\/ol>\n
    Como podemos ver, con unas cuantas lineas de c\u00f3digo hemos logrado crear una interfaz muy completa y amigable, m\u00e1s adelante estar\u00e9 mostrando mejores ejemplos.<\/p>\n
    Puedes ver el c\u00f3digo completo en<\/p>\n
    https:\/\/www.joseluisestevez.com\/mexico_city\/<\/a><\/p>\n
    Si la informaci\u00f3n te a parece \u00fatil puedes comentar o dejarme unos bits.<\/p>\n
     <\/p>\n","protected":false},"excerpt":{"rendered":"
    En esta entrada quiero continuar con el desarrollo de Sistemas de Informaci\u00f3n Geogr\u00e1fica en Software Libre, ahora vamos a ver la capa de presentaci\u00f3n con dos soluciones que son com\u00fanmente combinadas para mostrar interfaces avanzadas como lo son OpenLayers3 y GeoExt3 que trabaja directamente con ExtJS 6. OpenLayers muestra los datos geoespaciales en cualquier navegador […]<\/p>\n","protected":false},"author":1,"featured_media":382,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46,45],"tags":[47,48],"class_list":["post-381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-geoext","category-openlayers","tag-geoext","tag-openlayers"],"yoast_head":"\nCreando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas - El Blog de Jose Luis Estevez<\/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.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas - El Blog de Jose Luis Estevez\" \/>\n<meta property=\"og:description\" content=\"En esta entrada quiero continuar con el desarrollo de Sistemas de Informaci\u00f3n Geogr\u00e1fica en Software Libre, ahora vamos a ver la capa de presentaci\u00f3n con dos soluciones que son com\u00fanmente combinadas para mostrar interfaces avanzadas como lo son OpenLayers3 y GeoExt3 que trabaja directamente con ExtJS 6. OpenLayers muestra los datos geoespaciales en cualquier navegador […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/\" \/>\n<meta property=\"og:site_name\" content=\"El Blog de Jose Luis Estevez\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-10T02:54:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-01T11:21:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/joseluisestevez.com\/wp-content\/uploads\/2016\/02\/logo_ol3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"118\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"yeyo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"yeyo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/\"},\"author\":{\"name\":\"yeyo\",\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/#\\\/schema\\\/person\\\/6a17b38fcac664fdb33a5fba8056d0ee\"},\"headline\":\"Creando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas\",\"datePublished\":\"2016-02-10T02:54:36+00:00\",\"dateModified\":\"2017-02-01T11:21:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/\"},\"wordCount\":445,\"image\":{\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.joseluisestevez.com\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/logo_ol3.png\",\"keywords\":[\"GeoExt\",\"OpenLayers\"],\"articleSection\":[\"GeoExt\",\"OpenLayers\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/\",\"url\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/\",\"name\":\"Creando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas - El Blog de Jose Luis Estevez\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.joseluisestevez.com\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/logo_ol3.png\",\"datePublished\":\"2016-02-10T02:54:36+00:00\",\"dateModified\":\"2017-02-01T11:21:44+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/#\\\/schema\\\/person\\\/6a17b38fcac664fdb33a5fba8056d0ee\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.joseluisestevez.com\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/logo_ol3.png\",\"contentUrl\":\"https:\\\/\\\/www.joseluisestevez.com\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/logo_ol3.png\",\"width\":600,\"height\":118},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/2016\\\/02\\\/10\\\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.joseluisestevez.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/#website\",\"url\":\"https:\\\/\\\/www.joseluisestevez.com\\\/\",\"name\":\"El Blog de Jose Luis Estevez\",\"description\":\"Desarrollador Senior\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.joseluisestevez.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.joseluisestevez.com\\\/#\\\/schema\\\/person\\\/6a17b38fcac664fdb33a5fba8056d0ee\",\"name\":\"yeyo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3565e9dac43d5a8d2b807866a3af3ab66eeacb68b2d28fc63b962ad40c6ef4c7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3565e9dac43d5a8d2b807866a3af3ab66eeacb68b2d28fc63b962ad40c6ef4c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3565e9dac43d5a8d2b807866a3af3ab66eeacb68b2d28fc63b962ad40c6ef4c7?s=96&d=mm&r=g\",\"caption\":\"yeyo\"},\"description\":\"Arquitecto de Software emprendedor con ardua experiencia en el camino de la tecnolog\u00eda.\",\"sameAs\":[\"http:\\\/\\\/www.joseluisestevez.com\"],\"url\":\"https:\\\/\\\/www.joseluisestevez.com\\\/index.php\\\/author\\\/yeyo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas - El Blog de Jose Luis Estevez","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.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/","og_locale":"es_ES","og_type":"article","og_title":"Creando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas - El Blog de Jose Luis Estevez","og_description":"En esta entrada quiero continuar con el desarrollo de Sistemas de Informaci\u00f3n Geogr\u00e1fica en Software Libre, ahora vamos a ver la capa de presentaci\u00f3n con dos soluciones que son com\u00fanmente combinadas para mostrar interfaces avanzadas como lo son OpenLayers3 y GeoExt3 que trabaja directamente con ExtJS 6. OpenLayers muestra los datos geoespaciales en cualquier navegador […]","og_url":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/","og_site_name":"El Blog de Jose Luis Estevez","article_published_time":"2016-02-10T02:54:36+00:00","article_modified_time":"2017-02-01T11:21:44+00:00","og_image":[{"width":600,"height":118,"url":"https:\/\/joseluisestevez.com\/wp-content\/uploads\/2016\/02\/logo_ol3.png","type":"image\/png"}],"author":"yeyo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"yeyo","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/#article","isPartOf":{"@id":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/"},"author":{"name":"yeyo","@id":"https:\/\/www.joseluisestevez.com\/#\/schema\/person\/6a17b38fcac664fdb33a5fba8056d0ee"},"headline":"Creando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas","datePublished":"2016-02-10T02:54:36+00:00","dateModified":"2017-02-01T11:21:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/"},"wordCount":445,"image":{"@id":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.joseluisestevez.com\/wp-content\/uploads\/2016\/02\/logo_ol3.png","keywords":["GeoExt","OpenLayers"],"articleSection":["GeoExt","OpenLayers"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/","url":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/","name":"Creando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas - El Blog de Jose Luis Estevez","isPartOf":{"@id":"https:\/\/www.joseluisestevez.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/#primaryimage"},"image":{"@id":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.joseluisestevez.com\/wp-content\/uploads\/2016\/02\/logo_ol3.png","datePublished":"2016-02-10T02:54:36+00:00","dateModified":"2017-02-01T11:21:44+00:00","author":{"@id":"https:\/\/www.joseluisestevez.com\/#\/schema\/person\/6a17b38fcac664fdb33a5fba8056d0ee"},"breadcrumb":{"@id":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/#primaryimage","url":"https:\/\/www.joseluisestevez.com\/wp-content\/uploads\/2016\/02\/logo_ol3.png","contentUrl":"https:\/\/www.joseluisestevez.com\/wp-content\/uploads\/2016\/02\/logo_ol3.png","width":600,"height":118},{"@type":"BreadcrumbList","@id":"https:\/\/www.joseluisestevez.com\/index.php\/2016\/02\/10\/creando-una-interfaz-con-openlayers-3-y-geoext-3-para-visualizar-nuestros-mapas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.joseluisestevez.com\/"},{"@type":"ListItem","position":2,"name":"Creando una interfaz con OpenLayers 3 y GeoExt 3 para visualizar nuestros mapas"}]},{"@type":"WebSite","@id":"https:\/\/www.joseluisestevez.com\/#website","url":"https:\/\/www.joseluisestevez.com\/","name":"El Blog de Jose Luis Estevez","description":"Desarrollador Senior","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.joseluisestevez.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.joseluisestevez.com\/#\/schema\/person\/6a17b38fcac664fdb33a5fba8056d0ee","name":"yeyo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/3565e9dac43d5a8d2b807866a3af3ab66eeacb68b2d28fc63b962ad40c6ef4c7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3565e9dac43d5a8d2b807866a3af3ab66eeacb68b2d28fc63b962ad40c6ef4c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3565e9dac43d5a8d2b807866a3af3ab66eeacb68b2d28fc63b962ad40c6ef4c7?s=96&d=mm&r=g","caption":"yeyo"},"description":"Arquitecto de Software emprendedor con ardua experiencia en el camino de la tecnolog\u00eda.","sameAs":["http:\/\/www.joseluisestevez.com"],"url":"https:\/\/www.joseluisestevez.com\/index.php\/author\/yeyo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/posts\/381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/comments?post=381"}],"version-history":[{"count":5,"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/posts\/381\/revisions"}],"predecessor-version":[{"id":422,"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/posts\/381\/revisions\/422"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/media\/382"}],"wp:attachment":[{"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/media?parent=381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/categories?post=381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joseluisestevez.com\/index.php\/wp-json\/wp\/v2\/tags?post=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}