navigator.geolocation.getCurrentPosition(successFunction,errorFunction);不在reactjs工作

时间:2016-11-04 07:05:36

标签: cordova reactjs geolocation

我在reactjs和cordova中都很新 我正在附上

navigator.geolocation.getCurrentPosition(successFunction,errorFunction);
function successFunction(position) 
{
    var lat = position.coords.latitude;
    var lng = position.coords.longitude;
    geolocation=lat+" "+lng;
}

getContent: function () 
{
    var feedbackObj = Store.getData();
    if(!feedbackObj)
    {
        actions.getFormData();
        return(
            <div className="gclass form">
            <Loader />
            </div>
        );
    }
    var className = "hide";
    if(feedbackObj["receive_update"] === "1")
    {
        className = "feedbackUserDetails";
    }

    navigator.geolocation.getCurrentPosition(successFunction1, errorFunction1);

    function successFunction1(position)
    {
        lat = position.coords.latitude;
        lng = position.coords.longitude;
        geolocation=lat+" "+lng;
        console.log(geolocation);
        console.log("ABC");
    }
    function errorFunction1()
    {
        alert("Geocoder failed");
    }
    return(
    <div className="gclass form">
    <TextArea name={"incident_title"} isRequired={true} limit={2000} onSave={this._onSave} id={"incident_title"} defaultvalue={feedbackObj["incident_title"]}/>
    <TextArea name={"incident_desc"} isRequired={true} limit={2000} onSave={this._onSave} id={"incident_desc"} defaultvalue={feedbackObj["incident_desc"]}/>
    <Calendar name={"incident_date"} isRequired={true} id={"incident_date"} onSave={this._onSave} defaultvalue={feedbackObj["incident_date"]} />
    <TextBox name={"incident_location"} isRequired={true} id={"incident_location"} onSave={this._onSave} defaultvalue="abc" />
    <Attach name={"upload_attachment"} id={"upload_attachment"} onSave={this._onSave} defaultvalue={feedbackObj["upload_attachment"]} />
    </div>        
    );
}

到我的反应jsx文件。但它并不是对我的任何函数(successFunction或errorFunction)的调用支持

在此处调用内容

  getInitialState: function () {
return {content:this.getContent()};

}

我需要为它添加一些要求吗?

1 个答案:

答案 0 :(得分:1)

getCurrentPosition()不再适用于Chrome中不安全的来源。要使用此功能,您应该考虑将应用程序切换到安全的来源,例如HTTPS。