Mapsvg de complemento: mapas interactivos en WordPress

MAPSVG es un complemento inteligente de WordPress que ayuda a crear mapas interactivos y receptivos en su sitio web de WordPress. Debido a un conjunto de características hermosas, puede convertir cualquier archivo SVG en un mapa interactivo. Esto no lo es todo, puede crear planos de planta detallados, infógrafos, mapas de Google, mapas de cloropleth, mapas de imágenes y más. En esta revisión, observamos las características que hacen que MAPSVG sea uno de los mejores complementos de mapeo de WordPress en la web. También probamos el complemento, así que quédese y lea hasta el final. Definitivamente es un buen negocio, así que tome una taza de café y déjanos rodar.
MAPSVG Mapas interactivos para WordPress traídos por el extraordinario desarrollador rumano Stepanov, MAPSVG hace la creación de mapas interactivos interactivos y divertidos. Lo pasé muy bien con las diversas opciones, a pesar de que primero tuve que leer la documentación. Dicho esto, veamos las características disponibles en MAPSVG. Más de 100 mapas preparados

Para ayudarlo a llegar al suelo, MAPSVG viene con más de 100 geoqualidades. Hay un mapa del mundo y ya está dividido en regiones a las que se puede hacer clic (países). Luego tiene mapas de países con los respectivos estados / provincias. También recibes algunos mapas especiales.
Y dado que la mayoría de los mapas están calibrados, puede agregar marcadores en mapas utilizando una dirección o coordenadas. Además, puede crear sus propios mapas SVG y cargarlos en MAPSVG. TOT CE TREBUIE Să FACEțI ESTE Să CREAțI O Imagine Svg Utilizând Orice Software de Editare Vectorială, Cum ar Fi Inkscape Sau Adobe Illustrator, Să încărcați Nenorocitul și Să Personalizați. ¿Sabes lo que significa? Significa que puede diseñar diagramas interactivos y ver las estadísticas (y generalmente mejorar la experiencia del usuario) sin duda. Las bases de datos de DataBASVG le permiten crear objetos y agregarlos a ciertas áreas del mapa. Esto le permite enriquecer sus mapas con información que brinda a los visitantes de la web una experiencia cautivadora.

Para fines ilustrativos, suponga por un minuto que usted es un agente inmobiliario con propiedades que se venderán en todo el país. Le está yendo muy bien y desea mostrar las propiedades disponibles en un mapa. Le gustaría mostrar información como tamaño, dirección, precio, fotos y otros como esta. MAPSVG le permite agregar estos detalles a una base de datos y luego adjuntar la información a una o más áreas del mapa. Cada vez que un usuario hace clic en el área que define, digamos una condición, los detalles se muestran en una ventana de Popover, vista de detalle o sugerencia de herramienta.
Filtro y director de búsqueda
Como si agregar los objetos de la base de datos no sea suficiente, MAPSVG le permite crear un directorio y mostrarlo cerca de su mapa con nuestra analogía inmobiliaria, le recomendamos que muestre todas las propiedades (o agencias) disponibles en una determinada condición. MAPSVG hace esto muy posible. Los usuarios pueden filtrar los elementos del directorio usando filtros desplegables o un cuadro de búsqueda. Además, los usuarios pueden filtrar objetos haciendo clic en un área particular en el mapa. Esta característica del director hace que incluso los diagramas y mapas más complejos sean fáciles de entender. Además, los usuarios pueden encontrar fácilmente información que represente una ventaja para su UX. Recuerde Google Maps

Mencioné que puedes integrar MAPSVG con Google Maps? Sí, puedes y solo necesitas una clave de Google API. Por lo general, no puede personalizar los mapas de Google ampliamente, que es o puede ser limitante en ciertos escenarios. MAPSVG te permite superar este desafío. ¿Cómo? Puede cubrir mapas vectoriales en cualquier tipo de mapa de Google (tierra, satélite, carretera o híbrido). Y, dado que las imágenes vectoriales son interactivas, puede cambiar el mapa de Google hasta que se rinda. El resultado final obvio aquí es que puede ofrecer más uso. Recuerde que Google Maps viene con un conjunto de pedidos. Gravar estos comandos con las características de MAPSVG y literalmente impulsará a los usuarios de entusiasmo. Dirán: “¿Cómo demonios hizo esto?” Esta característica le permite mejorar su mapa de Google, resaltar los puntos de referencia y hacer clic en cualquier cosa.
Editores de CSS, JavaScript y plantillas

¿Qué usa un mapa que no puede personalizar o extender? Roman parece estar basado en esto con maravillosos editores de CSS y JavaScript. Mientras sepa el código, puede llevar sus ilustraciones interactivas al límite. Para empezar, puede estilizar sus mapas y diagramas con CSS como desee y sin sudar. Puede estilizar muchos elementos de consejos de herramientas, palientes y otros contenedores de información. Además, puede usar el poder de JavaScript para expandir la función de mapa predeterminada. Además, recibirá un editor de plantillas que lo ayuda a crear plantillas, marcadores y consejos de herramientas de tempover personalizados. El editor de plantillas es fácil de usar, no esperamos encontrar problemas. Control intuitivo con vista previa en vivo
Trabajar con MAPSVG es bastante simple debido a una placa de administración intuitiva que hace que los mapas creen una brisa. La creación de mapas y otras ilustraciones interactivas con MAPSVG se combina fácilmente desde el principio hasta el final. Además, el complemento viene con una función de vista previa en vivo que le permite ver sus cambios en tiempo real. Ahora no tiene que preguntarse cómo se verán sus mapas. Además, no tiene que ir y venir (o refrescar una página) para ver cómo son sus mapas.

Mapas con imágenes
Mencioné los mapas con fotos hace unos minutos, pero tuve que cubrir esta función solo, porque creo que es impresionante. Ya sabemos que MAPSVG convierte automáticamente los archivos SVG en mapas interactivos. Solo tiene que dibujar un archivo SVG, subirlo y personalizarlo. ¿Pero sabías que puedes crear mapas a partir de imágenes PNG y JPEG? Suena interesante ahora, ¿verdad? MAPSVG viene con herramientas de dibujo brillantes que le permiten crear mapas interactivos (que se pueden hacer clic) de las imágenes ráster. ¿Cómo es esto útil? Puede dibujar planes interactivos para casas, planes, rutas, planes de la ciudad, gráficos de sentado y más. Debido a estas características y un soporte sorprendente, nada debería evitar que cree mapas e ilustraciones interactivas en esta galaxia. El cielo es el límite aquí, muchachos, porque MAPSVG es un complemento para mapas sin sentido (y probablemente mejores). Cómo configurar MAPSVG y crear un mapa MAPSVG es tan fácil como instalar cualquier otro enchufe típico de WordPress. Está listo para comenzar a crear mapas interactivos tan pronto como instale y active el complemento. No tiene que configurar nada, porque MAPSVG funciona de inmediato. Obtener mapsvg

Obtengamos una experiencia práctica. Tome una copia de MAPSVG y siga las siguientes instrucciones. Inicie sesión en el tablero del administrador de WordPress y explore los complementos> nueva adición.
Luego presione el botón cargado (1), elija el archivo (2) y presione el botón Instalar ahora (3) como se muestra a continuación.

Espere a que se complete el proceso de instalación y luego haga clic en el botón de activación del complemento.
Y eso es; El complemento está listo para usar después de la activación. Haga clic en el elemento MAPSVG en el administrador de WordPress para iniciar el panel de control. Hasta ahora, creo que estará de acuerdo en que el proceso es simple. En el panel de control, puede elegir uno de los mapas prerealizados, puede crear un mapa de Google (primero debe integrar, que es tan fácil como copiar una tecla API), puede crear un mapa de imágenes, puede cargar un Archivo SVG o puede descargar un archivo SVG con el mapa de Google. Si necesita ayuda para crear un mapa, puede obtener ayuda rápida haciendo clic en tutoriales o enlaces de asistencia en la parte superior del panel de control. Elegamos uno de los mapas preexistentes. Iré con China porque todo está hecho allí de todos modos, de todos modos N / B: el desarrollador recomienda el uso de mapas geocalibrados en lugar de mapas no calificados porque …
… Los mapas de geocalibricación son más nuevos, tienen títulos de región y puede agregar marcas por coordenadas geográficas (latitud / longitud) o solo ingresando una dirección que se convierte automáticamente en coordenadas. – Tutoriales de MAPSVG Elija China (o cualquier otro mapa que desee) del menú Drop -down SVG nuevo. Si odias la barra de desplazamiento, usa el cuadro de búsqueda.

En la siguiente pantalla, complete el título y cambie el texto de precarga si está inclinado. En la misma pantalla, puede establecer el tamaño del mapa, puede desactivar el diseño receptivo (se activa de forma predeterminada, por lo que no toque el dial), puede activar la herramienta y los consejos emergentes, entre otros. ¡También notará que el mapa ya está dividido en regiones (las provincias de China en nuestro caso) y ya está haciendo clic! Además, familiarícese con los otros controles, incluida la caída del menú. Navegue al menú> colores como se muestra a continuación.

La pantalla de color te ayuda a elegir los colores de tus sueños. Lo que quiero decir es que no hay límite en los colores que desea usar. Solo trabaja con el selector de color hasta que tenga algo que le guste. Iré con tonos de azul porque WordPress es BAE Elija los colores y no olvide presionar el botón Guardar Ctrl + S como ilustramos a continuación.

¿Ver? Te dije que MAPSVG es fácil de usar. Con unos pocos clics, cambié los colores de mi mapa y me parece bueno, solo, hace muchos años, cuando clasificé por primera vez en Google. Editar cualquier otro lado del mapa es igual de fácil y, para demostrar mi punto de vista, agregaré consejos porque sería divertido. Agregar consejos a MAPSVG ¿Cómo se agrega consejos de herramientas que aparecen cuando pasa con el mouse sobre una región en el mapa? Es fácil y te mostraré cómo en un momento. Por cierto, si algo no está claro por una razón u otra, no dude en consultar los tutoriales y la documentación oficial de MAPSVG. Mejor, acceda a la sección de comentarios al final de esta publicación e invocaré a Thor solo para usted. Ese Hammer resuelve todo menos esto, agregar consejos de herramientas implica agregar una plantilla (recuerde el editor de plantillas que mencioné. ¿Antes?). Para hacer esto, explore el menú> plantillas y luego elija la región de información sobre herramientas. Provincia: {{title}} El código anterior es simple HTML con etiquetas Hanyebar. Si desea mostrar solo el título de su región, use la etiqueta {{title}}. También puede definir sus propios campos personalizados porque aprenderá en un momento. Pero primero, activemos la posición de consejo. Navegue al menú> Configuración y active los consejos de herramientas como ilustramos a continuación.

Como puede ver en la captura de pantalla anterior, nuestros consejos de herramientas están activos. Sin embargo, mencioné que le mostraré cómo agregar campos personalizados, para que pueda enriquecer sus consejos de herramientas de manera inimaginable. Supongamos que desea agregar fotos y más información a su consejo de herramienta. ¿Cómo lo manejarías? Para esto, llamamos a los objetos de la base de datos que mencionamos anteriormente. Agregar campos personalizados a través de objetos de base de datos MAPSVG le permite agregar campos personalizados a sus mapas. Ya tenemos el campo {{Title}}, pero veamos cómo podemos agregar campos más personalizados. Tiene una gama de campos personalizados, que incluyen texto, área de texto, cuadro de selección, imágenes, etc. Agreguemos algunas imágenes a la provincia de Mongolia. Vaya al menú> regiones y haga clic en el botón de edición de campo mientras resaltamos en la imagen de abajo. En la siguiente pantalla, presione el botón de imagen y luego guarde los campos como se muestra a continuación.

Guarde los cambios haciendo clic en el botón Guardar Ctrl + S., no siempre olvide guardar los cambios. Luego presione el botón de lista como se muestra en la imagen a continuación.

Cambie su mapa para editar regiones y haga clic en una región (elegí Nei Mongol). Debería ver su nuevo campo personalizado (imágenes) a la derecha. Presione el botón Rărfoire. Vea la imagen a continuación.

En la siguiente pantalla, agregue las imágenes y presione el botón de imagen.

Será redirigido a la pantalla Editar Regions, donde necesita hacer clic en el botón Aceptar (1). Luego, haga clic en Guardar Ctrl + S (2) y luego regrese al modo de vista previa (3) como se muestra a continuación. Si intenta cruzar el mouse sobre el mongol en este momento, las imágenes no aparecerán en la información sobre herramientas. ¿Por qué? Bueno, no creé una plantilla de imagen. Hagamos esto bien este minuto. Navegue al menú> plantillas> consejos de herramientas para la región y modifique el código de la siguiente manera: provincia: {title}}
Primera imagen:

Todas las imágenes:
{{#each imágenes}}

{{ /cada uno}} Aquí hay una imagen para una ilustración adicional. No olvide presionar el botón Guardar.

Ahora intente revisar la región seleccionada (Nei Mongol en nuestro caso). Dime que ves. Eso está en mi pantalla.

Bastante cuidado, ¿verdad? Acabo de aprender a agregar campos personalizados a sus mapas MAPSVG. Agregar paletas y marcadores también es tan fácil como el pastel. Además, siempre que conozca estos elementos básicos, es bueno crear cualquier mapa / diagrama interactivo bajo el sol. Trabajar con MAPSVG son las cosas de los estudiantes de cuarto grado, especialmente porque Roman Stepanov ofrece un excelente apoyo y una guía sorprendente a través de tutoriales. Para mostrar el mapa en su sitio web de WordPress, guarde sus cambios y navegue por las páginas> Nuevo ADD.

Luego presione el botón MAPSVG como se muestra arriba y elija el mapa.Esto agrega el código corto [mapsvg id = “17” title = “China”] en su página de WordPress.Sin embargo, no dude en agregar el mapa en cualquier lugar de su sitio utilizando el código corto.No se preocupe, los mapas que cree con MAPSVG son 100% receptivos, lo que significa que se verán muy bien en múltiples dispositivos.Luego, presione al público y vea los resultados en Frontand. Conclusión Estaríamos aquí todo el día si pasamos por cada característica existente, pero le animo a que obtenga su propia copia de MAPSVG para los mapas de WordPress y le dé una prueba de manejo.Entre tú y yo, él es el único complemento de WordPress que necesitarás.¿Tiene alguna pregunta o sugerencia?No dude en comunicarse con la sección de comentarios a continuación.¡Suerte!