Cartovisor. Capa a partir de un archivo de Texto

Este ejemplo inserta el Visualizador Cartográfico en la página html, añadiendole añadir una nueva capa personalizada con la información geográfica contenida en un archivo de texto separado por tabulaciones

Ejemplo

Código fuente

<html>
  <head>
    <title>txt-test</title>
    <script src="http://www.cartociudad.es/VisualizadorCartografico/CartoVisor.js"></script>
  </head>
  <body>
    <table>
        <tr>
            <td id="map_container"></td>
            <td id="information"></td>
        </tr>
    </table>
    <div id="map_container"></div>
    <script type="text/javascript">
        var cartovisor;
        var information_area = document.getElementById('information');
        function marker_OnClick(data)
        {
            var detailHtml = '<p>';
            detailHtml += '<b>' + data.popup.header + '</b><br/>';
            detailHtml += data.popup.body + '<br/><br/>';
            for (var key in data)
                if (key != 'onClickFunction')
                    detailHtml += key + " : " + data[key] + "<br/>";
            detailHtml += '</p>';
            information_area.innerHTML = detailHtml;
        }
        function loadTxtLayer()
        {
            var map = cartovisor.getOpenLayersMap();
            var newl = new OpenLayers.Layer.CartovisorText( "text", {location: "./textfile.txt",
                                                                     popupSize: new OpenLayers.Size(150,70),
                                                                     onClickFunction:marker_OnClick});
            map.addLayer(newl);
            cartovisor.setZoom(-3.790,40.462,5);
        }
        cartovisor = new CartoVisor({elementId:'map_container',longitude:-4.21571,latitude:40.307,zoom:6,onLoadFunction:loadTxtLayer});
    </script>    
  </body>
</html>