Question

I’m kind of newbie in javascript so I’m looking for some help to create a way to drag and drop geocoding markers, to allow interactive changing addresses. I believe this is possible by updating the LOCATION column rows.

The first step to do it is ‘sending’ a POST request, right? Well, so I would like to ask if somebody can show me an example, because I don’t make any idea how to write and put this POST request in my code!

Answer 1

You must POST to the Fusion Tables API to update a column, but currently you can’t do this directly from JavaScript as Google does not set the CORS headers to allow cross-domain posting to their API.

So if you want to do this, you have to “relay” your request through your webserver or something similar. I do it with the following PHP script, then I post the request via JavaScript to my PHP script. And finally, you have to authenticate yourself using OAuth.

$url = "http://www.google.com/fusiontables/api/query";
$relay = new PostRelay($url,$_POST);
echo $relay->relay();

And in class PostRelay the method relay() is defined, the $_POST holds all posted data (represented by $this->data in my class):

public function relay()
{
    $url = $this->getUrl();
    $this->curlHandler = curl_init($url);
    curl_setopt($this->curlHandler, CURLOPT_POST, true);
    curl_setopt($this->curlHandler, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($this->curlHandler, CURLOPT_TIMEOUT, 30);
    curl_setopt($this->curlHandler, CURLOPT_FOLLOWLOCATION, 1);

    if($this->data != null) {
        curl_setopt($this->curlHandler, CURLOPT_POSTFIELDS, $this->getData());
    }

    $remote_answer = curl_exec($this->curlHandler);

    if(curl_errno($this->curlHandler) != 0) {
        $msgErrorNo = "cURL Errornumber: ".curl_errno($this->curlHandler);
        $msgError = "cURL Error: ".curl_error($this->curlHandler);
        throw new RemoteException($url,$msgErrorNo." ".$msgError);
    }
    return $remote_answer;
}