En esta entrada se va a desarrollar un visor sencillo cuyo objetivo es integrar dos herramientas diferentes, en este caso la casilla inicio (“Home button”) y otro widget que permita incluir unos marcadores específicos (“Bookmarks”). Todo se va a integrar en un mismo archivo con formato .html.

El primer paso es integrar las cabeceras apuntando a la versión de JS (en este caso la 3.22) el estilo CSS sin olvidar la declaración <!DOCTYPE HTML>

Posteriormente el estilo tanto del documento HTML como de los elementos que se incluirán en la interfaz  e irá dentro de estas etiquetas <style></style>

A continuación apuntamos a la versión y definimos la API definitivamente e incluimos en el cuerpo del <script> </script>.  Si su aplicación requiere objetos de módulos no incluidos anteriormente, hay que incluirlos  usando require().

Y a continuación se definen las variables y sus características así como, la del mapa, el botón de inicio y los marcadores:

Con esto se cierra el script y se define el <body> que representa el contenido del documento .html

Aquí tienes el resultado, el visor con los dos “Widgets” implementados en la aplicación:

Si quieres aprender cómo desarrollar tus propios visores con la API de JavaScript de Esri desde TYC GIS te ofrecemos una formación variada desde el curso de «Especialista en Desarrollo GIS de Esri« hasta el «CURSO ONLINE DE ESPECIALISTA EN CREACIÓN DE APLICACIONES CON LA API DE JAVASCRIPT Y ARCGIS SERVER«.

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 votos, promedio: 5,00 de 5)

Cargando...

Formación de calidad impartida por profesionales