Add click listener for multiple geojson-objects javascript

Question

I want to set click listeners on many different shapes on my map. Each shape has a bunch of data which I want to show when I click on it.

var newData = new google.maps.Data({
    map: map,
    style: map.data.getStyle()
});
for (var i = 0; i < shapes.length; i++) {
    var userObject = JSON.parse(shapes[i].area);
    newData.addGeoJson(userObject);

    // It would be simplest to add a clicklistener here since i got access to the shapes[i] with the data to act on
    google.maps.event.addListener( /* ??? */, 'click', function (event) {
            alert("y");
        });
}
map.data.setMap(null);
map.data = newData;

I tried setting the click listener on the returned array from addGeoJson(...) but maybe im approaching this wrong. Maybe I need to get polygons somehow and then go about it like in this official example or Im thinking I could do something hacky with different layers.

How would you do this, given that you cannot change that you get a bunch of separate geoJson chunks? Can I get my geoJson as polygons when I'm adding them?

Adam · Accepted Answer · 2020-11-09 13:03:22Z

1

The way forward I will use which I think will work out well is:

addGeoJson returns an array of features. Use setProperty(name, newVal) on them and add the information later required by the clicking action. Retrieve the data by getProperty(name)

Add a click listener on the entire data object:

google.maps.event.addListener(newData, 'click', function (event) {
    event.feature.forEachProperty(function (value, name) {
        alert("name: " + name + "value: " + value);
    })
});

answered Nov 9, 2020 at 13:03

Adam

3,0033 gold badges38 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add click listener for multiple geojson-objects javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related