popup


La opción popup permite definir la forma en la que se presentan los datos asociados a un elementos geográfico, cuando este es seleccionado.

El parámetro admite los siguientes valores:


Notas:

La opción 2 está especialmente recomendada para dispositivos con patallas de pequeño tamaño y en los casos en que existe un gran número de atributos o estos tienen una gran extensión.


Código de ejemplo


El siguiente ejemplo muestra la configuración de la función popup actuando sobre una capa GeoJSON.

<!DOCTYPE html>
<html>
  <head lang="es">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Ejemplo de configuración popup</title>
    <style>
      body, html{
        height: 100%;
        border: 0;
        padding: 0;
        margin: 0;
      }
      #map{
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
  </body>
  <script>
    var iderioja_config = {
      "fondo_base": 800,
      "capa_geojson": [
        {"nombre": "CupCakes",
          "url": "https://raw.githubusercontent.com/lyzidiamond/learn-geojson/master/geojson/cupcakes.geojson", // CupCakes
        }
      ],
      "popup": 2
    }
  </script>
  <script src="https://apigeo.larioja.org/v1/iderioja.js"></script>
</html>


Salida gráfica


En este ejemplo, la función popup presenta los atributos del elemento selecionado en una cortina lateral.

En él se ha utilizado un fichero GeoJSON disponible en GitHub que contiene información de pastelerías, sobre el fondo cartográfico light_all ofrecido por la compañía Carto. (visualizar ejemplo)

Ejemplo opción popup