Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Feature request - Google Maps InfoWindow for instantsearch.js widget

See original GitHub issue

I am working on a classifieds site project using Algolia Geo Search and Laravel. The instantsearch.js implementation with Google Maps for Algolia Places is great, but lacks the possibility of clicking on a marker in order to display an InfoWindow (which would display more info, an image and a link).

We have looked into the instantsearch-googlemaps.js and placesInstantsearchWidget.js but couldn’t find any sensible way to suits our needs.

Is it a feature that could interest others? Merci for all the great work!

Issue Analytics

State:
Created 6 years ago
Comments:7 (5 by maintainers)

Top GitHub Comments

5reactions

samousscommented, Dec 11, 2017

Hi @philmarc, with the actual implementation you can’t pass custom options to the Markers. It means that you can’t bind an InfoWindow to them. As workaround for now you will need to create a custom widget. You can fork the existing component and add your desired behaviour.

Note that we are currently working on a new version of the GoogleMaps widget. With the new one you will be able to pass custom parameters to the markers, so your desired behaviour will be supported out of the box! When the PR will be created, I will link the issue in order to keep you in touch for the release of the widget 😉

4reactions

samousscommented, Mar 6, 2018

@Hi @philmarc, we released a new GeoSearch widget in InstantSearch. You can take a look, all the feedback are more than welcome!

https://community.algolia.com/instantsearch.js/v2/widgets/geoSearch.html

Top Results From Across the Web

Info windows in instantsearch.js google maps - FAQs & Guides

Hi There, is there any way to add map styles? For example from https://snazzymaps.com I did not found any option or how to......

Info Windows | Maps JavaScript API - Google Developers

This example displays a marker at the center of Australia. When the user clicks the marker, an info window appears. Read the documentation....

Google Maps Api Using Vue Wont Display Markers ... - ADocLib

Geolocation API as well as how to show it on the Google Maps in your Vue.js App. In this article, I am going...

JavaScript - Web Geek

The reverse geocoding feature of Google Maps API lets you convert latitude and longitude into a physical address. Here's a snippet of code...

200+ JQuery Maps Plugins - November 2022

Geomapify is a ultimate javascript library for Google Maps Autocomplete. ... Features:Responsive designSupports multiple instancesHorizontal (top, ...