未定义的全局变量JS

Question

我正在用cordova制作一个android应用。 而且我有一个菜鸟问题。

我在index.html中有一张地图，当索引初始化时，应用会获取手机的位置，然后再做一个带有手机位置标记的地图。

代码是这样的：

var longitud;
var latitud;

function getPosition() {

                        var options = {
                            enableHighAccuracy: true,
                            maximumAge: 1
                        }
                        var watchID = navigator.geolocation.getCurrentPosition(onSuccess, onError, options);

                        function onSuccess(position) {

                            this.latitud = position.coords.latitude;
                            this.longitud = position.coords.longitude;

                            navigator.geolocation.clearWatch(watchID);
                            mapa();
                        };

                        function onError(error) {
                            alert('code: ' + error.code + '\n' + 'message: ' + error.message + '\n');
                        }
}

 function mapa() {   

                         alert(this.latitud + ' ' + this.longitud);
                            document.getElementById("mapa").innerHTML = "";
                            map = new OpenLayers.Map("mapa");
                            var mapnik = new OpenLayers.Layer.OSM();
                            var fromProjection = new OpenLayers.Projection("EPSG:4326"); // Transform from WGS 1984
                            var toProjection = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
                            var position = new OpenLayers.LonLat(window.longitud, window.latitud).transform(fromProjection, toProjection);
                            var zoom = 17;

                            map.addLayer(mapnik);
                            map.setCenter(position, zoom);

                            var lonLat = new OpenLayers.LonLat(this.longitud, this.latitud)
                                .transform(
                                    new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
                                    map.getProjectionObject() // to Spherical Mercator Projection
                                );



                            var markers = new OpenLayers.Layer.Markers("Markers");
                            map.addLayer(markers);

                            //markers.icon(img/ico-taxi);
                            markers.addMarker(new OpenLayers.Marker(lonLat));

                        }

这在index.html中效果很好。 但是在其他页面中，我想做同样的事情，而不是始终显示，仅在用户单击手风琴时显示它，因为用户必须知道他们在哪里，但是我不想一直在此页面中显示大地图。 当用户打开手风琴时，该应用会使用相同的功能来创建地图，因为div ID相同。 这也很好用，但是我还要将坐标放入两个输入中：inputLat和Input Lon。 用户单击时，输入中的手风琴似乎未定义，但理论上在index.html中以及单击手风琴时已定义。 但是最奇怪的是，当我关闭手风琴并再次打开它时，会出现坐标。 我第一次点击手风琴时如何在输入中获得坐标？ 我给你手风琴功能的代码。

function comprobar() {
var x = document.getElementById("mapa");
if (x.className.indexOf("w3-show") == -1) {
    x.className += " w3-show";
    getPosition();
    geoLocalizacion();


} else { 
    x.className = x.className.replace(" w3-show", "");
}
}

function geoLocalizacion () {
 document.getElementById("inputLat").value = this.latitud;
 document.getElementById("inputLon").value = this.longitud;

}

我尝试阅读其他类似的帖子，但不起作用。 如果我添加var Longitud = this; int它显示的声明[对象窗口]

javascript对于全局声明的变量返回undefind

为什么未定义全局变量？

多亏了我，我确定这是菜鸟。