¿Cómo introducir Goldmap en la página web front-end? ¿Cuáles son los pasos específicos?

Esto es realmente muy simple y no es difícil. Debe registrarse como desarrollador, luego crear una aplicación, agregar el valor clave y finalmente introducir el mapa Amap en la página web HTML a través de JS. presente la implementación. Los contenidos principales del proceso son los siguientes:

1. El primero es el registro de los desarrolladores de Amap. Esto se puede hacer directamente registrándose en la "Plataforma abierta", como se muestra a continuación. ingrese la información de registro relevante y pronto tendrá éxito:

2. Simplemente regístrese en la "Plataforma abierta", como se muestra a continuación, ingrese la información de registro relevante y pronto tendrá éxito:

2. Después de registrarse exitosamente, inicie sesión en la cuenta, aquí Para crear la primera aplicación, haga clic en "Centro personal" -> "Administración de aplicaciones" -> "Mi aplicación", cambie a la interfaz de administración de aplicaciones. , haga clic en el botón "Crear nueva aplicación" en la esquina superior derecha, aparecerá la siguiente ventana, aquí simplemente ingresamos el nombre y la categoría de la aplicación:

Después de que la creación sea exitosa, la aplicación recién creada Aparece en la interfaz de administración de la aplicación, y luego hacemos clic en el signo "+" en el lado derecho de la aplicación para agregar. El valor de la clave se muestra a continuación. Ingrese el nombre de la clave aquí y seleccione "Web (JSAPI)

Después de agregar correctamente la clave, el valor de la clave se muestra a continuación. Debe usar esta clave en el siguiente código:

3. muy simple. Necesita crear un contenedor div y luego introducir el mapeo en este contenedor a través de JSAPI. El código de prueba es el siguiente, muy simple:

Guarde el archivo de esta página web y ábralo con un navegador. El efecto es el siguiente. Hemos introducido con éxito el mapa Amap:

4. También podemos introducir el mapa del metro aquí. De hecho, los pasos son similares a los de los mapas ordinarios anteriores. Necesita crear un contenedor div y finalmente introducirlo a través de JSAPI. El código de prueba es el siguiente:

Guarde el archivo y luego ábralo con un navegador. El efecto es el siguiente: El mapa del metro. se ha introducido con éxito:

Hasta ahora, hemos completado la introducción del mapa Amap en la página web de front-end. En resumen, todo el proceso es muy simple, que consiste en crear la aplicación y agregarla. Valor clave y luego introduzca el mapa en el contenedor div de la página web a través de JSAPI. Siempre que tenga ciertos conocimientos básicos de front-end y esté familiarizado con los ejemplos y códigos relevantes, puede dominarlo rápidamente. Documentos de desarrollo muy detallados, que son muy adecuados para que los desarrolladores aprendan. También puede consultarlos. También hay materiales y tutoriales relevantes en Internet, que se pueden buscar en la web. usted y puede aportar opiniones valiosas.