Estoy en un proyecto que necesitaré mostrar un mapa de "arcgis", no puede ser el mapa de google Maps, en el sitio de "arcgis" hay un ejemplo para mostrar el código con javascript, aquí está el enlace: https://developers.arcgis.com/javascript/latest/display-a-map/ , en el ejemplo el código se coloca en el "head" de html, colocando el código del encabezado como se muestra en el tutorial funciona, pero en el proyecto el "cabezal" está en una plantilla, y no en la página que quiero mostrar el mapa. El código de arcgis es el siguiente: .
< html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="https://js.arcgis.com/4.22/esri/themes/light/main.css"> <script src="https://js.arcgis.com/4.22/"></script> <script> require(["esri/config","esri/Map", "esri/views/MapView"], function (esriConfig,Map, MapView) { // Here will come the implementation of the map }); </script> < /head> < body> <div id="viewDiv">The map will appear here</div> < /body> < /html>Si elimino esa parte del código que está en la cabeza
<script> require(["esri/config","esri/Map", "esri/views/MapView"], function (esriConfig,Map, MapView) { // Here will come the implementation of the map, where I will inform the coordinates }); </script> < div id="viewDiv"></div>Y puesto en la pagina que quiero mostrar el mapa no carga... No aparece ningun error en la consola, simplemente no carga, puse varios "consoles.log(" para seguir el procesamiento y todo ok, al parecer ya esta todo cargado
Hay un proyecto que usa este mapa, pero la implementación se hizo en Angular, el código es el siguiente:
return loadModules([ "esri/config", "esri/Map", "esri/views/MapView", ]).then(([esriConfig, Map, MapView]) => { // Starts the map implementation by picking up the coordinates ... ...¿Hay alguna forma de implementar en javaScript algo similar a lo que se implementó en Angular?
Necesito hacer clic en un botón y hacer esa llamada a JavaScript
El proyecto es Java 7 con PrimeFaces 3.5
Parece que te falta el CSS para viewDiv. Aquí está el fragmento de la muestra:
<style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style>O simplemente puede agregar el estilo necesario al crear el div:
<div id="viewDiv" style="height: 100%;width: 100%;"></div>