{"id":77124,"date":"2021-09-28T08:25:25","date_gmt":"2021-09-28T08:25:25","guid":{"rendered":"https:\/\/proyectos.comunicaciondigital.es\/?p=77124"},"modified":"2021-09-28T08:32:51","modified_gmt":"2021-09-28T08:32:51","slug":"mapas-interactivos-google-maps","status":"publish","type":"post","link":"https:\/\/proyectos.comunicaciondigital.es\/en\/mapas-interactivos-google-maps\/","title":{"rendered":"Mapas interactivos. Google Maps"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.10.8&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.10.8&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.10.8&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.10.8&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h1>Google Maps. Introducci\u00f3n<\/h1>\n<h2>Mapas con Google Maps usando My Maps<\/h2>\n<p>Podemos crear mapas relativamente complejos, directamente trabajando con el constructor de mapas de Google Maps. Para ello:<\/p>\n<ol>\n<li>Debemos acceder con nuestro usuario de Google a\u00a0<a href=\"https:\/\/www.google.com\/maps\/d\/u\/0\/\" target=\"_blank\" rel=\"noopener\">My Maps<\/a><\/li>\n<li>Ahora podr\u00e1s crear un nuevo mapa con todas las caracter\u00edsticas del constructor:<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>A\u00f1adir y personalizar marcadores<\/li>\n<li>Cargar contenido sobre las infowindow asociadas a los marcadores<\/li>\n<li>Modificar el mapa base y los estilos<\/li>\n<li>Buscar localizaciones para incluir marcadores<\/li>\n<li>Crear rutas entre dos o m\u00e1s destinos<\/li>\n<li>Ordenar la informaci\u00f3n mediante capas seleccionales (para que el usuario pueda marcar o no su visibilidad)<\/li>\n<li>Obtener el c\u00f3digo para embeber el mapa en el informe o reportaje<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>Opciones principales de edici\u00f3n<\/h2>\n<h3>1. Men\u00fa de settings<\/h3>\n<p>En la zona superior derecha se abre el men\u00fa de settings. En \u00e9l podemos realizar tareas como:<\/p>\n<ul>\n<li>Establecer la vista predeterminada. Sirve para\u00a0 centrar la vista del mapa en el punto que queremos cuando ya hemos elegido el zoom y el lugar central.<\/li>\n<li>Insertar en mi sitio web. Nos dar\u00e1 el c\u00f3digo que necesitamos para insertarlo en el reportaje o informe.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"896\" height=\"523\" src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/1b2ca-1googlemap-1517515545-1.png\" alt=\"Settings My Maps\" class=\"size-medium alignnone\" \/><\/p>\n<h3><strong>2. Editor de capas<\/strong><\/h3>\n<p>En este caso podemos a\u00f1adir o editar las capas existentes. Las capas nos sirven para organizar los puntos que editamos.<\/p>\n<p><a href=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/capas.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/capas-300x90.png\" width=\"300\" height=\"90\" alt=\"Capas\" class=\"wp-image-77133 alignnone size-medium\" srcset=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/capas-300x90.png 300w, https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/capas.png 428w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>3. Editor de mapa base<\/p>\n<p>Google maps nos da la opci\u00f3n de trabajar con 9 mapas bases. En este men\u00fa podemos seleccionar el que mejor encaje con el dise\u00f1o y estilo de nuestro proyecto.<\/p>\n<p><a href=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/tipos-mapa.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/tipos-mapa-300x256.png\" width=\"472\" height=\"403\" alt=\"tipos-mapa\" class=\"wp-image-77134 alignnone size-medium\" \/><\/a><\/p>\n<h3>4. Barra de herramientas<\/h3>\n<p>La barra de herramientas nos sirve, entre otras cosas, para:<\/p>\n<ul>\n<li>Incorporar puntos de forma manual<\/li>\n<li>Crear l\u00edneas, pol\u00edgonos o recorridos<\/li>\n<li>A\u00f1adir una capa de indicaciones<\/li>\n<\/ul>\n<p>El editor de puntos manual nos permite modificar el estilo, color e icono del punto, incluir informaci\u00f3n en el tooltip que aparece cuando pasamos por encima, as\u00ed como cargar diferente contenido como fotos o v\u00eddeos para enriquecer la informaci\u00f3n que hayamos incorporado.<\/p>\n<h2>Publicar<\/h2>\n<p>Una vez que hemos editado el mapa debemos publicarlo. Para ello debemos:<\/p>\n<p>1. Compartirlo para darle visibilidad p\u00fablica.<\/p>\n<p>2. Seleccionar la opci\u00f3n en el men\u00fa de settings \u201cInsertar en mi sitio web\u201d<\/p>\n<div><\/div>\n<p>[\/et_pb_text][et_pb_toggle title=\u00bbVideo tutorial (en ingl\u00e9s)\u00bb _builder_version=\u00bb4.10.8&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; sticky_enabled=\u00bb0&#8243;]<\/p>\n<p><iframe loading=\"lazy\" title=\"Google My Maps Tutorial 2021\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/DKv0kaxY2JE?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>[\/et_pb_toggle][et_pb_toggle title=\u00bbCargar datos externos en el mapa\u00bb _builder_version=\u00bb4.10.8&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<div><\/div>\n<p>Google Maps nos permite realizar cargas masivas de datos directamente desde el constructor, utilizando:<\/p>\n<ul>\n<li>Ficheros de datos estructurados como CSV (valores separados por comas), XLSX (Spreadsheet de Excel), KML (Keyhole Markup Language, fichero XML que incluye informaci\u00f3n geogr\u00e1fica en 3 dimensiones. Puede estar comprimido en KMZ) o GPX (Formato de Intercambio GPS que describe puntos &#8211;<a href=\"https:\/\/es.wikipedia.org\/wiki\/Waypoint\" target=\"_blank\" rel=\"noopener\">waypoints<\/a>-, recorridos -tracks-, y rutas -routes-)<\/li>\n<li>Desde fichero que tengamos en Google Drive, o<\/li>\n<li>Cargando fotos geolocalizadas que tenga disponibles en mis \u00e1lbumes de fotos de Google<\/li>\n<\/ul>\n<h3>Ejemplo 1: Cargar fuentes de datos disponibles en portales de datos abiertos<\/h3>\n<p>En este primer ejemplo vamos a ver c\u00f3mo podemos cargar datos desde un set de datos disponible en portales abiertos. Vamos a utilizar datos del portal de datos abiertos del Gobierno de Espa\u00f1a, pero podr\u00edamos buscar en cualquier portal que contenga informaci\u00f3n de nuestro inter\u00e9s.<\/p>\n<ul>\n<li>Accedemos a Datos.Gob.es, filtramos por CSV y localizamos <a rel=\"noopener\" href=\"http:\/\/datos.gob.es\/es\/catalogo\/l01281230-rutas-verdes\" target=\"_blank\">un fichero que nos interese<\/a>.<\/li>\n<li>Descargamos el fichero KML<\/li>\n<li>En el mapa que est\u00e9 editando, creo una nueva capa y pulso en la opci\u00f3n importar.<\/li>\n<li>Subo el fichero y sigo las indicaciones del wizard para indicarle de qu\u00e9 columnas debe coger los datos de LAT\/LONG y el t\u00edtulo de cada marcador<\/li>\n<\/ul>\n<p>[googlemaps <a href=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1RmELevVazwzhJVHTkcSdAAs1Nlk&amp;amp;w=640&amp;amp;h=480]\">https:\/\/www.google.com\/maps\/d\/embed?mid=1RmELevVazwzhJVHTkcSdAAs1Nlk&amp;amp;w=640&amp;amp;h=480]<\/a><\/p>\n<h3>Ejemplo 2. Cargar l\u00edmites administrativos de un pa\u00eds<\/h3>\n<p>En muchas ocasiones nos interesa cargar en el mapa los l\u00edmites administrativos de un pa\u00eds. En la web del <a href=\"http:\/\/www.gadm.org\/\" target=\"_blank\" rel=\"noopener\">Global Administrative Areas<\/a> podemos descargarnos ficheros de los l\u00edmites de todos los pa\u00edses en diferentes formatos (aunque hay algunos problemas reportados para <a href=\"http:\/\/www.gadm.org\/problems\" target=\"_blank\" rel=\"noopener\">ciertos pa\u00edses<\/a>).<\/p>\n<p>Para Google Maps deberemos seleccionar KMZ. Habitualmente localizaremos los l\u00edmites administrativos en diferentes niveles. El nivel 0 corresponde al contorno del pa\u00eds, y el resto de niveles (1, 2, 3, 4) va descendiendo en el \u00e1mbito de regi\u00f3n, provincia, localidad, etc.<\/p>\n<p>Vamos a hacer un ejemplo con Marruecos:<\/p>\n<ul>\n<li>Accede a <a rel=\"noopener\" href=\"http:\/\/www.gadm.org\/\" target=\"_blank\">Global Administrative Areas<\/a> y busca Morocco.<\/li>\n<li>Selecciona la opci\u00f3n de descarga KMZ<\/li>\n<li>Descarga los diferentes niveles. Puedes acceder a la descarga directa de los ficheros KMZ tambi\u00e9n en estos enlaces: <a rel=\"noopener\" href=\"http:\/\/biogeo.ucdavis.edu\/data\/gadm2.8\/kmz\/MAR_adm0.kmz\" target=\"_blank\">Level 0<\/a> &#8211; <a rel=\"noopener\" href=\"http:\/\/biogeo.ucdavis.edu\/data\/gadm2.8\/kmz\/MAR_adm1.kmz\" target=\"_blank\">Level 1<\/a> &#8211; <a rel=\"noopener\" href=\"http:\/\/biogeo.ucdavis.edu\/data\/gadm2.8\/kmz\/MAR_adm2.kmz\" target=\"_blank\">Level 2<\/a> &#8211; <a rel=\"noopener\" href=\"http:\/\/biogeo.ucdavis.edu\/data\/gadm2.8\/kmz\/MAR_adm3.kmz\" target=\"_blank\">Level 3<\/a> &#8211; <a rel=\"noopener\" href=\"http:\/\/biogeo.ucdavis.edu\/data\/gadm2.8\/kmz\/MAR_adm4.kmz\" target=\"_blank\">Level 4<\/a><\/li>\n<li>En el mapa que est\u00e1s editando en Google Maps, inserta una nueva capa y selecciona la opci\u00f3n \u00abImportar\u00bb. Arrastra el fichero KMZ que quieras cargar y se realizar\u00e1 la importaci\u00f3n.<\/li>\n<li>Ajusta el dise\u00f1o de los elementos como desees e incorpora informaci\u00f3n.<\/li>\n<li>Ajusta las propiedades del mapa (establecer la vista predeterminada para que centre el mapa donde quieras) y hazlo p\u00fablico.<\/li>\n<li>Copia el c\u00f3digo de inserci\u00f3n para el sitio web y p\u00e9galo en el lugar del informe\/reportaje que desees.<\/li>\n<\/ul>\n<p>[googlemaps <a href=\"https:\/\/www.google.com\/maps\/d\/u\/0\/embed?mid=1rzTgjc1g4m30dTyAV1mbi86ucB4sGEPC&amp;amp;w=640&amp;amp;h=480]\">https:\/\/www.google.com\/maps\/d\/u\/0\/embed?mid=1rzTgjc1g4m30dTyAV1mbi86ucB4sGEPC&amp;amp;w=640&amp;amp;h=480]<\/a><\/p>\n<h3>Ejemplo 3. Cargar una capa con datos \u00abraspados\u00bb de la web<\/h3>\n<p>Podemos a\u00f1adir nuevas capas a nuestro mapa obteniendo tambi\u00e9n datos de la web mediante t\u00e9cnicas de scraping. En este tutorial puedes ver c\u00f3mo: <a href=\"https:\/\/manuelgertrudix.atavist.com\/scraping-web\" target=\"_blank\" rel=\"noopener\">Tutorial breve de Scraping web<\/a><\/p>\n<p>Vamos a ver c\u00f3mo incluir en el anterior mapa una nueva capa que tenga la poblaci\u00f3n de cada regi\u00f3n de Marruecos.<\/p>\n<ul>\n<li>Accede a la p\u00e1gina de la Wikipedia con los <a rel=\"noopener\" href=\"https:\/\/en.wikipedia.org\/wiki\/List_of_administrative_divisions_of_Morocco_by_population\" target=\"_blank\">datos de poblaci\u00f3n de Marruecos por divisi\u00f3n administrativa<\/a>.<\/li>\n<li>Siguiendo los pasos del <a rel=\"noopener\" href=\"https:\/\/manuelgertrudix.atavist.com\/scraping-web\" target=\"_blank\">Tutorial breve de Scraping web<\/a> captura los datos de la tabla de poblaci\u00f3n. Descarga el csv y ed\u00edtalo con Excel, elimina las columnas que no son \u00fatiles, y gu\u00e1rdalo en xlsx.<\/li>\n<li>Edita tu mapa y crea una nueva capa importando el xlsx. Editar la configuraci\u00f3n de dise\u00f1o para que se ajuste a lo que necesitas.<\/li>\n<li>Copia el c\u00f3digo de inserci\u00f3n y p\u00e9galo en el informe\/reportaje donde desees que aparezca.<\/li>\n<\/ul>\n<p>[googlemaps <a href=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1rzTgjc1g4m30dTyAV1mbi86ucB4sGEPC&amp;amp;w=640&amp;amp;h=480]\">https:\/\/www.google.com\/maps\/d\/embed?mid=1rzTgjc1g4m30dTyAV1mbi86ucB4sGEPC&amp;amp;w=640&amp;amp;h=480]<\/a>[\/et_pb_toggle][et_pb_toggle title=\u00bbAPI Google Maps\u00bb _builder_version=\u00bb4.10.8&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb20px|||||\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<div><\/div>\n<p>Cuando necesitamos realizar una customizaci\u00f3n avanzada de nuestro mapa, o realizar cargas masivas de ficheros externos, fuentes de datos, etc. debemos hacer uso de la <a href=\"https:\/\/developers.google.com\/maps\/?hl=es-419\" target=\"_blank\" rel=\"noopener\">API de Google Maps<\/a>.<\/p>\n<p>Casi todo es posible, pero para ello ser\u00e1n necesarios unos ciertos conocimientos de HTML, CSS y, especialmente, de Javascript; as\u00ed como m\u00e1s tiempo para dedicarle a la elaboraci\u00f3n de la visualizaci\u00f3n del mapa.<\/p>\n<p>En las siguientes apartados podr\u00e1s ver algunos ejemplos de cosas que se pueden realizar con la API de Google Maps.<\/p>\n<div>\n<h2>Marcadores animados<\/h2>\n<\/div>\n<p>Otra opci\u00f3n es utilizar marcadores animados en vez de est\u00e1ticos.<\/p>\n<div>\n<h2>Ficheros GeoJSON externos<\/h2>\n<\/div>\n<p>Cuando trabajamos con datos externos, especialmente con grandes ficheros de datos geolocalizados resulta muy \u00fatil cargar estos desde ficheros externos en formato GeoJSON.<\/p>\n<div>\n<h2>Customizaci\u00f3n de los mapas<\/h2>\n<\/div>\n<p>Tenemos diferentes opciones para customizar los mapas<\/p>\n<p>Para customizar un mapa en la API de Google Maps se usa el elemento StyledMapType<\/p>\n<p>Los estilos se aplican a trav\u00e9s de:<\/p>\n<ul>\n<li>La modificaci\u00f3n de las funciones de mapas (elementos geogr\u00e1ficos incluidos)<\/li>\n<li>Los par\u00e1metros de estilo (color y visibilidad) de dichas funciones<\/li>\n<\/ul>\n<p>Todos los estilos se agrupan en un array de estilos en formato JSON<\/p>\n<p>Configurar estilos complejos mediante c\u00f3digo lleva tiempo, por lo que lo m\u00e1s eficaz es usar el <a href=\"https:\/\/mapstyle.withgoogle.com\/\" target=\"_blank\" rel=\"noopener\">asistente de estilos de mapa<\/a><\/p>\n<div>\n<h2>Uso de querys<\/h2>\n<\/div>\n<p>Con la librer\u00eda places podemos ubicar de forma autom\u00e1tica lugares en un mapa<\/p>\n<p>A trav\u00e9s de los par\u00e1metros de b\u00fasqueda del m\u00e9todo nearbySearch podemos modificar la query que hace sobre los datos de places<\/p>\n<p>Se pueden modificar diferentes par\u00e1metros como <a href=\"https:\/\/developers.google.com\/places\/supported_types?hl=es-419\" target=\"_blank\" rel=\"noopener\">Types<\/a>, Radius, etc.<\/p>\n<p>[\/et_pb_toggle][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<div class=\"pdfprnt-buttons pdfprnt-buttons-post pdfprnt-bottom-right\"><a href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/77124?print=pdf\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_blank\" ><img decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"View PDF\" \/><span class=\"pdfprnt-button-title pdfprnt-button-pdf-title\">Versi\u00f3n en PDF<\/span><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Google Maps. Introducci\u00f3n Mapas con Google Maps usando My Maps Podemos crear mapas relativamente complejos, directamente trabajando con el constructor de mapas de Google Maps. Para ello: Debemos acceder con nuestro usuario de Google a\u00a0My Maps Ahora podr\u00e1s crear un nuevo mapa con todas las caracter\u00edsticas del constructor: A\u00f1adir y personalizar marcadores Cargar contenido sobre&hellip; <a class=\"continue\" href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/mapas-interactivos-google-maps\/\">Continua leyendo<span> Mapas interactivos. Google Maps<\/span><\/a><\/p>","protected":false},"author":4,"featured_media":77126,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"1080","footnotes":""},"categories":[221,225],"tags":[],"class_list":["post-77124","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-banco-conocimiento","category-periodismo-digital"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mapas interactivos. Google Maps - Portal de proyectos multimedia<\/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:\/\/proyectos.comunicaciondigital.es\/en\/mapas-interactivos-google-maps\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mapas interactivos. Google Maps - Portal de proyectos multimedia\" \/>\n<meta property=\"og:description\" content=\"Google Maps. Introducci\u00f3n Mapas con Google Maps usando My Maps Podemos crear mapas relativamente complejos, directamente trabajando con el constructor de mapas de Google Maps. Para ello: Debemos acceder con nuestro usuario de Google a\u00a0My Maps Ahora podr\u00e1s crear un nuevo mapa con todas las caracter\u00edsticas del constructor: A\u00f1adir y personalizar marcadores Cargar contenido sobre&hellip; Continua leyendo Mapas interactivos. Google Maps\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proyectos.comunicaciondigital.es\/en\/mapas-interactivos-google-maps\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de proyectos multimedia\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-28T08:25:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-28T08:32:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/maps.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Manuel Gertrudix Barrio\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/\"},\"author\":{\"name\":\"Manuel Gertrudix Barrio\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/4699e2d8a8c19b218ae2f96940a3c337\"},\"headline\":\"Mapas interactivos. Google Maps\",\"datePublished\":\"2021-09-28T08:25:25+00:00\",\"dateModified\":\"2021-09-28T08:32:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/\"},\"wordCount\":1435,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/maps.jpeg\",\"articleSection\":[\"banco-conocimiento\",\"Periodismo digital\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/\",\"name\":\"Mapas interactivos. Google Maps - Portal de proyectos multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/maps.jpeg\",\"datePublished\":\"2021-09-28T08:25:25+00:00\",\"dateModified\":\"2021-09-28T08:32:51+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/4699e2d8a8c19b218ae2f96940a3c337\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/maps.jpeg\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/maps.jpeg\",\"width\":1200,\"height\":630,\"caption\":\"Google Maps\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/mapas-interactivos-google-maps\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mapas interactivos. Google Maps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\",\"name\":\"Portal de proyectos multimedia\",\"description\":\"Grupo Ciberimaginario\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/4699e2d8a8c19b218ae2f96940a3c337\",\"name\":\"Manuel Gertrudix Barrio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247\",\"caption\":\"Manuel Gertrudix Barrio\"},\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/en\\\/author\\\/gertrudix\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mapas interactivos. Google Maps - Portal de proyectos multimedia","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:\/\/proyectos.comunicaciondigital.es\/en\/mapas-interactivos-google-maps\/","og_locale":"en_GB","og_type":"article","og_title":"Mapas interactivos. Google Maps - Portal de proyectos multimedia","og_description":"Google Maps. Introducci\u00f3n Mapas con Google Maps usando My Maps Podemos crear mapas relativamente complejos, directamente trabajando con el constructor de mapas de Google Maps. Para ello: Debemos acceder con nuestro usuario de Google a\u00a0My Maps Ahora podr\u00e1s crear un nuevo mapa con todas las caracter\u00edsticas del constructor: A\u00f1adir y personalizar marcadores Cargar contenido sobre&hellip; Continua leyendo Mapas interactivos. Google Maps","og_url":"https:\/\/proyectos.comunicaciondigital.es\/en\/mapas-interactivos-google-maps\/","og_site_name":"Portal de proyectos multimedia","article_published_time":"2021-09-28T08:25:25+00:00","article_modified_time":"2021-09-28T08:32:51+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/maps.jpeg","type":"image\/jpeg"}],"author":"Manuel Gertrudix Barrio","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/#article","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/"},"author":{"name":"Manuel Gertrudix Barrio","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/4699e2d8a8c19b218ae2f96940a3c337"},"headline":"Mapas interactivos. Google Maps","datePublished":"2021-09-28T08:25:25+00:00","dateModified":"2021-09-28T08:32:51+00:00","mainEntityOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/"},"wordCount":1435,"commentCount":0,"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/maps.jpeg","articleSection":["banco-conocimiento","Periodismo digital"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/","url":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/","name":"Mapas interactivos. Google Maps - Portal de proyectos multimedia","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/#primaryimage"},"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/maps.jpeg","datePublished":"2021-09-28T08:25:25+00:00","dateModified":"2021-09-28T08:32:51+00:00","author":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/4699e2d8a8c19b218ae2f96940a3c337"},"breadcrumb":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/#primaryimage","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/maps.jpeg","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/09\/maps.jpeg","width":1200,"height":630,"caption":"Google Maps"},{"@type":"BreadcrumbList","@id":"https:\/\/proyectos.comunicaciondigital.es\/mapas-interactivos-google-maps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proyectos.comunicaciondigital.es\/"},{"@type":"ListItem","position":2,"name":"Mapas interactivos. Google Maps"}]},{"@type":"WebSite","@id":"https:\/\/proyectos.comunicaciondigital.es\/#website","url":"https:\/\/proyectos.comunicaciondigital.es\/","name":"Portal de proyectos multimedia","description":"Grupo Ciberimaginario","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/proyectos.comunicaciondigital.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/4699e2d8a8c19b218ae2f96940a3c337","name":"Manuel Gertrudix Barrio","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247","caption":"Manuel Gertrudix Barrio"},"url":"https:\/\/proyectos.comunicaciondigital.es\/en\/author\/gertrudix\/"}]}},"_links":{"self":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/77124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/comments?post=77124"}],"version-history":[{"count":8,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/77124\/revisions"}],"predecessor-version":[{"id":77141,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/77124\/revisions\/77141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media\/77126"}],"wp:attachment":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media?parent=77124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/categories?post=77124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/tags?post=77124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}