Vue-instantsearch: Geo-Search

[socieboy]

Can I use Geo-Search with this component for Vue?

[julienbourdeau]

Yes you can. Can you describe what you want to achieve so we can provide better help?

[socieboy]

I have all records in algolia of videos filmed on different locations i save the coordinates of the location on the _geoloc tag, but using this component for vue i want to display the map all videos. How can i do that?

[julienbourdeau]

Most of the job is not really related to Algolia, you'll have to display the map and pointers. then you can use <ais-results> to loop through the result. I have use this library in the past: https://github.com/xkjyeah/vue-google-maps

If you choose to go with this one, for example, the code would look like this:

<gmap-map
        :center="{lat:10, lng:10}"
        :zoom="12">

    <ais-results>
        <template scope="{ result }">

            <gmap-marker :position="result._geoloc"></gmap-marker>

        </template>
    </ais-results>

</gmap-map>

Note: You need to ensure that the _geoloc values are floats, not strings.

[socieboy]

@julienbourdeau thank you for your response, i will try to use the package.

[socieboy]

@julienbourdeau It work's perfect, i love it. thanks!