Cómo insertar un mapa de tráfico en una página HTML

1. Inicie sesión en Baidu Map API, dirección:

2. Establezca su ubicación geográfica, tomando como ejemplo la Universidad de Pekín. como se muestra en la figura:

3. Simplemente configure la función de mapa; de lo contrario, no es necesario configurarla. El ancho y el alto del mapa se pueden configurar según el tamaño del espacio de la página web.

4. Configure anotaciones de información del mapa, que lo ayudarán a ver su ubicación de un vistazo al visualizar el mapa, y también marcarán claramente los nombres de los lugares que desea marcar.

5. Efecto de visualización después de la configuración:

6. Las otras dos también son herramientas de anotación y su uso es el mismo.

7. Obtenga el código. Después de configurar lo anterior, puede obtener el código del mapa.

8. Copie el código del mapa e insértelo en el archivo fuente de la página del sitio web. Si desea editarlo en el sitio web, inserte el mapa en segundo plano, haga clic en el botón del código fuente en el fondo y copie directamente el código del mapa en él.

2. Cómo incrustar un mapa en html, hay una interfaz de mapa

, configure su ubicación geográfica, tome la Universidad de Pekín como ejemplo:

3 .Solo necesita configurar la función del mapa, o no necesita configurarla. El ancho y el alto del mapa se pueden configurar según el tamaño del espacio de la página web.

4. Configure anotaciones de información del mapa, que lo ayudarán a ver su ubicación claramente al visualizar el mapa, y también marcarán claramente los nombres de los lugares que desea marcar.

5. Efecto de visualización después de la configuración:

6. Las otras dos también son herramientas de anotación y su uso es el mismo.

7. Obtenga el código. Después de configurar todo lo anterior, puede obtener el código del mapa.

8. Copie el código del mapa e insértelo en el archivo fuente de la página del sitio web. desea editar el fondo en el sitio web Inserte el mapa, haga clic en el botón del código fuente en el fondo y copie directamente el código del mapa en él.

3. Cómo agregar un mapa en HTML

Web Map Service (WMS): Crea un mapa usando datos con información de ubicación geoespacial, que define un mapa como una representación visual de la ubicación geográfica. datos, el mapa en sí no son datos. Los mapas normalmente se representan en formatos de imagen como PNG, GIF o JPEG y, a veces, en formatos basados ​​en vectores, como Scalable Vector Graphics (SVG) o Web Computer Graphics Metafile (WebCGM). Según la especificación OGC, un servicio de mapas es un servicio que proporciona específicamente datos de mapas **** y es responsable de proporcionar imágenes de mapas, información de características para puntos de coordenadas determinados e información funcional del servicio de mapas de acuerdo con las solicitudes de los programas del cliente.

La especificación WMS define tres interfaces (operaciones): GetCapabilities (obtener capacidades de servicio), GetMap (obtener mapa) y GetFeatureInfo (obtener información del objeto). GetMap es la operación principal. GetCapabitities devuelve metadatos de nivel de servicio, que es una descripción del contenido de la información del servicio y los parámetros requeridos; GetMap devuelve una imagen de mapa, que tiene una definición clara de referencia geoespacial y parámetros de tamaño. GetFeatureInfo (opcional) devuelve algunos elementos especiales que muestran información del mapa; . Esta especificación también define la sintaxis del localizador uniforme de recursos (URL) de la World Wide Web y la representación XML (lenguaje de marcado extensible) de metadatos de nivel de servicio para invocar las operaciones anteriores.

4. Cómo colocar Google Maps en el sitio web

1. Abra Google Maps y busque la dirección de su empresa en el cuadro de búsqueda, como se muestra a continuación

2. Compartir enlace

3. Copie el código e insértelo en html

5. Cómo llamar a la API de Baidu Map en html

Primero abra Baidu Map Abrir plataforma

Haga clic en el menú Desarrollo y seleccione Generador de mapas

Cambiar de ciudad

Ingrese el nombre de la ubicación geográfica específica, como la estación de autobuses de Pingliang East; y haga clic para encontrar la ubicación de latitud y longitud;

Haga clic para configurar el mapa; los parámetros específicos se pueden configurar libremente

Agregue comentarios, haga clic en el icono de marca con el mouse; Habrá una ubicación *** en el mapa. Busque el *** lugar en el mapa y haga clic con el botón izquierdo del mouse para marcarlo.

Ingrese el nombre y el comentario de la marca y haga clic para guardar.

Vista previa;

Haga clic en Obtener código, luego copie el código; péguelo en el nuevo HTML y guárdelo para usarlo.