1

我下载了 Wikitude 3.1 的 SDK，将示例安装到我的 Eclipse 工作区中，并且在我的 Gnexus 上一切正常。我把问题分成几个点，这样更容易回答：

我将“onMarkerSelectedFn”方法添加到“limitingVisiblePois.js”文件中，因为我想让我的 POI 可点击，当点击时，会出现像 5.1 示例一样的信息页面。我添加了该方法，但它不起作用，我不明白我在哪里犯错误。对于 5.x 示例，每个其他文件都是相同的。

我编辑的“limitingVisiblePois.js”代码

var World = {

    markerDrawable_idle: new AR.ImageResource("assets/marker_idle.png"),
    markerDrawable_selected: new AR.ImageResource("assets/marker_selected.png"),
    markerDrawable_directionIndicator: new AR.ImageResource("assets/indi.png"),

    markerList: [],

    // called to inject new POI data
    loadPoisFromJsonData: function loadPoisFromJsonDataFn(poiData) {

        PoiRadar.show();

        document.getElementById("statusElement").innerHTML = 'Loading JSON objects';

        var poiImage = new AR.ImageResource("img/marker.png", {
            onError: World.errorLoadingImage
        });

        // TODO: call single POI-creation statement instead
        for (var i = 0; i < poiData.length; i++) {

            var singlePoi = {
                //EDIT BRUS: adding the ID of each POIs
                "id": poiData[i].id,
                "latitude": parseFloat(poiData[i].latitude),
                "longitude": parseFloat(poiData[i].longitude),
                "altitude": parseFloat(poiData[i].altitude),
                "title": poiData[i].name,
                "description": poiData[i].description
            };

            World.markerList.push(new Marker(singlePoi));
        }

        document.getElementById("statusElement").innerHTML = 'JSON objects loaded properly';

    },

    //  user's latest known location, accessible via userLocation.latitude, userLocation.longitude, userLocation.altitude
    userLocation: null,

    // location updates
    locationChanged: function locationChangedFn(lat, lon, alt, acc) {
        World.userLocation = {
            'latitude': lat,
            'longitude': lon,
            'altitude': alt,
            'accuracy': acc
        };
    },
    //EDIT BRUS: Adding onMarkerSelected function
    onMarkerSelected: function onMarkerSelectedFn(marker) {
        // notify native environment
        document.location = "architectsdk://markerselected?id=" + marker.poiData.id;
    },

    // called from slider.js every time the slider value changes
    onSliderChanged: function onSliderChangedFn(value) {
        if (value > 0) {
            var valueMeters = value * 1000;
            PoiRadar.setMaxDistance(valueMeters);
            AR.context.scene.cullingDistance = valueMeters;
        }
    }

};

// forward locationChanges to custom function
AR.context.onLocationChanged = World.locationChanged;

2) 我无法理解 POI latlong 坐标在哪里声明。在前面发布的相同代码中，有函数

loadPoisFromJsonData: 函数 loadPoisFromJsonDataFn(poiData)

但我不明白 poiData 是如何获取的。

我在 Android 和 phonegap 中使用了最后一个 3.1 SDK。

提前致谢，

亲切的问候

布鲁斯

4

1 回答 1

1

PhoneGap 插件示例尚未与本机 SDK 中的示例同步。

而 PhoneGap Plugin 中的当前“HelloWorld”示例从 web 服务请求 POI 数据，您指出的示例来自 Android SDK，并通过本机 Android 传递 POI 数据"architectView.callJavaScript('loadPoisFromJsonData(...)')".

两者都使用相同的方法来解析 POI 数据，PhoneGap 示例就是这样使用它的

// request POI data
requestDataFromServer: function requestDataFromServerFn(lat, lon) {
    var serverUrl = ServerInformation.POIDATA_SERVER + "?" + ServerInformation.POIDATA_SERVER_ARG_LAT + "=" + lat + "&" + ServerInformation.POIDATA_SERVER_ARG_LON + "=" + lon + "&" + ServerInformation.POIDATA_SERVER_ARG_NR_POIS + "=20";
    var jqxhr = $.getJSON(serverUrl, function(data) {
        World.loadPoisFromJsonData(data);
    })
        .error(function(err) {
        alert("JSON error occured! " + err.message);
    })
        .complete(function() {});
}

您可以在您的 locationChanged 实现中添加这些行以使用虚拟网络服务器中的位置（不要忘记定义 'alreadyRequestedData= false;' ）

if (!World.alreadyRequestedData) {
 World.requestDataFromServer(lat, lon);
 World.alreadyRequestedData = true;
}

亲切的问候，安德烈亚斯

于 2013-09-09T07:50:36.273 回答