Question

I am using google API to autocomplete feature of user address. and its working fine.
But now I want to use Nokia OVI Map for address autocomplete feature.

Please help me how to implement the same.

I am using below code

<div id="customSearchBox" class="main-search">
        <span class ="caption">Search For Places:</span>
        <div module="SearchBox">
            <input rel="searchbox-input" class="search-box-bckgrnd" type="text" />
            <div rel="searchbox-list" class="search-list"></div>
        </div>
    </div>
    <script>
        var customSearchBox = new nokia.places.widgets.SearchBox({
            targetNode: 'customSearchBox',
            template: 'customSearchBox',
            searchCenter: function () {
                return {
                    latitude: 52.516274,
                    longitude: 13.377678
                }
            },
            onResults: function (data) {
               //here you have access to data
               alert(data);
            }
        });   
    </script>

How to get lat, long in this code

Thanks
Shivam

Answer 1

I got answer of my question by reading document of OVI map.

<script>
        var customSearchBox = new nokia.places.widgets.SearchBox({
            targetNode: 'customSearchBox',
            template: 'customSearchBox',
            searchCenter: function () {
                return {
                    latitude: 52.516274,
                    longitude: 13.377678
                }
            },
            onResults: function (data) {
               //here you have access to data
               //var a=getData();
               renderResults(data);
               //alert(data.results[0]);
            }
        });  

        function renderResults (data) {
        var previewList = document.getElementById ('results');
        previewList.innerHTML = '';

        var results = data.results;

        for (var i = 0, l = results.length; i < l; i++) {
            var result = results[i];
            var resultLi = document.createElement ('li');
            resultLi.innerHTML = result.place.name+" - Lat:"+result.place.location.position.latitude+" Long:"+result.place.location.position.longitude;
            //alert(result.place.location.position.longitude);
            previewList.appendChild (resultLi);
        }
    }

    </script>

I hope this will help to someone.

Thanks
Shivam